Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angelodesenvolvedor/reminder-beber-agua

Last synced: 5 days ago
JSON representation

Host: GitHub
URL: https://github.com/angelodesenvolvedor/reminder-beber-agua
Owner: angelodesenvolvedor
Created: 2023-08-31T01:30:31.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-08-31T01:37:59.000Z (about 1 year ago)
Last Synced: 2023-08-31T13:50:40.115Z (about 1 year ago)
Language: JavaScript
Size: 278 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Reminder-Beber-Agua

![Capturar3](https://github.com/angelodesenvolvedor/Reminder-Beber-Agua/assets/98216100/ab5a018c-7b88-4ff1-8d3f-78673adabaa4)

HTML: Criei um arquivo HTML com uma div "reminder" para o lembrete, um parágrafo para a mensagem, uma imagem PNG , um botão para controle e um span para mostrar o tempo.

CSS: Estilizei o projeto com um plano de fundo, um lembrete estilizado, a imagem com tamanho ajustado e um botão atraente.

JavaScript: Adicionei interatividade usando addEventListener para controlar quando começar e parar o cronômetro. Usei variáveis como startTime e timerInterval.

Customização: Ajustei os estilos para criar o visual desejado, testei em diferentes navegadores e finalizei o projeto.