ToDoList_projeto_educacional

🌐 Projeto: Planejamento no Dia a Dia Um site institucional criado para conscientizar sobre os impactos da falta de planejamento na rotina, além de oferecer suporte prático para quem busca mais organização.

📌 Acompanhamento Semanal do Projeto

✅ Semanas do Projeto

Ao final da 2ª semana, atualizaremos o andamento das próximas etapas do projeto.

🚀 Atualizações de Deploy

O deploy será atualizado ao final de cada semana de trabalho para refletir o progresso mais recente.

🔗 Acesse aqui: ToDoList - Projeto Educacional

📌 Propósito do Projeto A falta de planejamento afeta diretamente a qualidade de vida. Problemas como:

Falta de tempo para tarefas importantes

Sensação constante de esquecimento

Sentimento de estar perdido

Dificuldade para tomar decisões

são reflexos comuns da desorganização. Este projeto visa ajudar o usuário a identificar esses sinais e fornecer ferramentas simples para mudar esse cenário.

🔧 Estrutura de Navegação O site é dividido em quatro páginas principais:

🏠 Home Apresenta o tema central do projeto — a falta de planejamento e suas consequências no cotidiano. Expõe situações comuns e convida à reflexão.

❓ Dúvidas Ajuda o visitante a identificar se enfrenta problemas com planejamento. Inclui um formulário com os seguintes campos:

Nome

E-mail

Cidade

Caixa de texto para digitar a dúvida

Botão “Enviar”

🆘 Ajuda Apresenta sugestões práticas para lidar com a desorganização, incluindo uma ToDo List interativa que permite ao usuário listar e acompanhar suas tarefas diárias.

ℹ️ Sobre Descreve a origem da ideia: um grupo de estudantes do programa Desenvolve Boticário / Koru, que decidiu aplicar os conhecimentos adquiridos para ajudar pessoas reais com problemas reais.

🛠️ Tecnologias Utilizadas HTML5 – Estrutura do projeto

CSS3 – Estilização e responsividade

JavaScript – Interações com o usuário (formulário, ToDo List, botões)

👥 Divisão de Responsabilidades Estrutura do site: HTML

Design e estilos: CSS

Funcionalidades interativas: JavaScript

Estilização

Home

Dúvidas

Ajuda

Sobre

🌐 Estilo Visual — “Caos com Intenção”

  1. Tipografia
    • Títulos: Space Grotesk ou Poppins — moderninhas, mas com um jeitão meio desorganizado quando usadas em all caps.
    • Texto corrido: Inter ou IBM Plex Sans — legibilidade em primeiro lugar, mas sem parecer certinho demais.
  2. Elementos UI
    • Botões primários:
      • Cor: Amarelo Apagado (#F2E394)
      • Texto: Cinza Escuro (#4A4A4A)
      • Hover: escurece sutilmente (ex: #DCCB6E)
  1. Ícones e Ilustrações
    • Estilo linear minimalista com traço irregular — pra manter o tom de “feito às pressas, mas com alma”.
    • Ícones com cores de fundo suaves e contornos em Azul ou Vermelho Suave.
  2. Layout
    • Grade assimétrica em algumas seções: propositalmente desalinhado em pontos estratégicos para sugerir desorganização visual.
    • Espaços em branco generosos, mas meio “mal distribuídos” — evocam a sensação de inacabado (sem sacrificar usabilidade).

Exemplo de Cores

Ver pasta “img => mockup”

🕒 Velocidade de Desenvolvimento O projeto será desenvolvido de forma progressiva, conforme o avanço dos módulos do programa Desenvolve Boticário / Koru, integrando teoria à prática.

🔗 Funcionalidades Reutilizáveis

Todas as páginas serão desenvolvidas em branch que levarão o mesmo nome, por exemplo: Pagina home será desenvolvido em uma branch chamada ‘home’ e assim segue para todas as páginas. Todas as páginas contarão com dois botões fixos:

Dúvidas → redireciona para a página de Dúvidas

Ajuda → redireciona para a página de Ajuda

Link - Trello

https://trello.com/invite/b/68583dc9d0c6483bafbdb64e/ATTI280d8f495c9720fe8ce790eb02db007b6DFB1422/projetotodolistdesenvolve