Skip to content

Aplicativo que será capaz de mostrar uma lista de tarefas integrada a um relógio dinâmico.

Notifications You must be signed in to change notification settings

JennyLamego2022/app-relogio-e-tarefas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lista de Tarefas com Relógio local e Previsão do Tempo Mundial

Aplicativo que será capaz de mostrar uma lista de tarefas integrada a um relógio dinâmico.

O meu desafio foi fazer um projeto desafiador, e para isso juntei dois aplicativos em um.
O primeiro foi uma lista de tarefas para que pudesse trabalhar com mais funcionalidades JavaScript, novas funções, uso da DOM, LocalStorage.
O segundo, foi criar um relógio com o horário local de acordo com o dispositivo do usuário e um clima tempo com o consumo de API - Dados meteorológicos atuais, através do site (https://openweathermap.org/api). O consumo dessa API permite ao usuário que ele consulte a data, cidade/pais, tempo, temperatura atual, temperatura mínima e máxima , de acordo com a sua Geolocalização ou pode fazer uma pesquisa pelo campo busca da cidade que tiver interesse em saber.
O objetivo do projeto é que o usuário da lista de tarefas tenha uma orientação dessas informações de tempo e hora enquanto manipula suas tarefas diárias.





🚀 Link do projeto para visualização no navegador

Deploy: https://jennylamego2022.github.io/app-relogio-e-tarefas/

📋 Pré-requisitos para rodar


  • Editor de código de sua preferência (recomendado VS code)
  • Git
  • ?

📝 Procedimentos de instalação


Clone este repositório usando o comando:

git clone https://github.com/<meu_user>/<my-repo>.git

✔️ Técnicas e tecnologias utilizadas

  • JavaScript
  • HTML
  • css
  • Flexbox
  • GRID
  • API
  • LocalStorage

HTML5 CSS3 javascript

Lista de Tarefas

Relógio

  • Criar 2 container: 1 para informações do relogio, 2 informações add

Container 1

  • Saudação
  • Hora
  • Local
  • Botão "mais"
  • Background image

Container 2

  • fuso horario atual
  • input
  • dia do ano
  • input
  • dia da semana
  • input
  • numero da semana
  • input
  • background color

OBS: Entradas iniciais de input foram alteradas para informações do tempo

  • fuso horario atual => Tempo
  • dia do ano => Temperatura
  • dia da semana => Temp. Min_Max
  • numero da semana => Excluido

EXTRA

  • Aplicar filtros para a lista de tarefas;

⌨️ com ❤️ por Jennyfer Lamego

Releases

No releases published

Packages

No packages published