✅ Projeto Planner de atividades | Semana NLW RocketSeat Foudation

Objetivo 🎯

Desenvolver uma aplicação para planejamento de atividades com JavaScript, CSS e HTML, aplicando conceitos de baixa e média complexidade num único projeto de maneira ágil e dinâmica.

Veja e teste o Projeto original na prática:

• Acesse aqui o site

Veja e teste o Projeto modificado na prática:

• Acesse aqui o site
• Acesse a Planilha da API

Principais abordagens❓

1 - Comentários
2 - Declaração de variáveis
3 - Operadores (atribuição, concatenação, op. matemáticos)
4 - Tipos de dados (string, number, boolean, date)
5 - Estrutura de dados (functions, object, array)
6 - Controle de fluxo (if, else)
7 - Estrutura de repetição (for)
8 - Manipulação e gestão de dados
9 - Conversão de dados
10 - Formatador Day.Js

Modificações Feitas 🔧

No HTML:

• Inserção de um "Shortcut icon" no "Head" da página
  
• Troca das tags "select" por "input" para dar mais dinamismo na entrada dos dados
  
• Inserção de um "Footer" com informações redirecionáveis por tag "âncora"
  

No CSS:

• Inserção de "webkit" para alteração da cor dos ícones de relógio e calendário dos inputs "date" e "time"
  
• Alteração na estilização do "button"
  
• Alteração no posicionamento e tamanho do título "h1"
  

NO JS:

• Alteração do array "atividades" para entrada de dados dinâmicos
  
• Definição de "id=mensagem" para estilização da tag "p"
  
• Alteração das funções "criarDiasSelecao" e "criarHorasSelecao" para inserção dos inputs
  
• Inserção da "API SheetMonkey" para salvar os dados de entrada dos inputs em planilha própria do Google Sheets
  

Referências de pesquisa 🔎

• API SheetMonkey

• Utilizando webkit

                           Desenvolvido por RocketSeat e Modificado por Marcos Dutra