https://github.com/angelodesenvolvedor/smartwatch

https://github.com/angelodesenvolvedor/smartwatch

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/angelodesenvolvedor/smartwatch
• Owner: angelodesenvolvedor
• Created: 2023-09-16T18:42:32.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-16T18:49:32.000Z (about 1 year ago)
• Last Synced: 2023-09-17T04:47:26.521Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://angelodesenvolvedor.github.io/smartwatch/
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Smartwatch

Neste projeto, comecei criando a estrutura básica do aplicativo usando HTML e, em seguida, estilizei-a com CSS para dar a ele uma aparência de smartwatch arredondado e assegurar que o conteúdo fosse de fácil leitura. Quando o JavaScript entrou em cena, minha missão era controlar o estado do aplicativo, permitindo aos usuários iniciar e parar o monitoramento do sono e cuidar das transições de estado, como de "Dormindo" para "Acordado". Uma parte importante foi adicionar um histórico de sono, onde o aplicativo registraria o tipo de sono e a data correspondente. Para tornar isso visualmente agradável, criei a função addSleepEntry para formatar e exibir essas informações no histórico, permitindo aos usuários acompanhar seu padrão de sono ao longo do tempo. Além disso, desenvolvi a função formatDate para tornar as datas mais legíveis no histórico. Resumindo, eu combinei HTML, CSS e JavaScript para criar um aplicativo prático e informativo de monitoramento de sono com histórico.