O projeto "Tempo Otimizado" apresenta uma interface com diversas telas que têm como objetivo facilitar a interação do usuário com as funcionalidades da plataforma. Cada tela foi projetada para oferecer uma experiência intuitiva e eficiente, com foco na otimização do tempo e no gerenciamento de tarefas. A seguir, serão apresentadas as principais telas e suas funcionalidades.
-
Projeto: Tempo otimizado
-
Repositório GitHub: ti-1-ppl-cc-m-2024-2-g5-dificuldade-em-otimizacao-do-tempo
-
Repositório GitHub Pessoal: Trabalho-TI-1-puc-minas
-
Membros da equipe:
| ✅ Informações do projeto | ✅ Documentação do Projeto (pdf) | ✅ Documentação de Design Thinking (MIRO) |
A estrutura do projeto está organizada em pastas para facilitar a compreensão e o desenvolvimento.
- /assets: Contém arquivos estáticos.
- /css: Arquivos de estilo que definem a aparência das páginas.
- /images: Imagens utilizadas no design da interface.
- /js: Scripts que adicionam funcionalidades dinâmicas ao sistema.
- /pages: Páginas HTML que compõem o sistema.
- Exibe o logotipo do sistema em uma página inicial de carregamento, garantindo uma introdução visual.
- Permite que os usuários autentiquem suas contas inserindo email e senha.
- Opções de criação de conta para novos usuários.
- Validação de campos com mensagens de erro em tempo real.
- Apresenta um guia interativo para usuários iniciantes.
- Explicações detalhadas sobre como usar cada funcionalidade do sistema.
- Menu de navegação com 4 opções principais.
- Área de mostragem de tarefas organizadas.
- Acesso ao calendário para exibir tarefas específicas.
- Mostragem de gráficos detalhados, exibindo o tempo gasto em cada categoria (trabalho, lazer, estudo, etc.).
- Exibição de tarefas organizadas por um período de 7 dias.
- Filtros para selecionar a semana desejada dentro de um mês.
- Opção de adicionar tarefas, direcionando para a página de criação.
- Botão para acessar sugestões ou dicas relacionadas às tarefas.
- Formulário para adicionar tarefas:
- Nome da tarefa.
- Escolha dos dias de repetição (opcional).
- Hora e dia para execução.
- Definição de prioridade (Alta, Média, Baixa).
- Seleção de categorias (Lazer, Trabalho, Estudo, etc.).
- Mostragem de tarefas criadas com opções de edição ou exclusão.
- Clique no calendário para exibir as tarefas criadas.
- Visualização de um gráfico que mostra o tempo gasto em cada categoria.
- Combinação de dicas personalizadas com base nos hábitos do usuário.
- Navegação por categorias, como dicas de estudo, sono e desempenho.
- Clique na roleta para exibir dicas aleatórias.
- Sugestões de técnicas como método Pomodoro e mapas mentais.
- Organização de tempo e gerenciamento de prazos.
- Clique na roleta para exibir dicas de sono.
- Calculadora de horários de dormir e acordar, considerando ciclos de sono.
- Entrada de dados para compromissos, exibindo horário ideal para acordar e tempo total de descanso.
- Clique na roleta para acessar dicas de produtividade.
- Avaliação de tarefas por categoria e tempo gasto.
- Permite editar informações pessoais:
- Nome completo.
- Idade.
- Email.
- Nome de usuário.
- Configurações de preferências, como notificações.
- Formulário para envio de dúvidas, relatórios de problemas ou sugestões.
- Integração com o email para notificação direta da equipe de suporte.
- FAQ com respostas para as questões mais frequentes.
- DIGITE " npm start " no terminal
- Leia sobre o projeto e inicie o app clicando no botao " Iniciar App "
- Caso queira saber mais sobre o projeto clique em " Ver Informações ", você será encaminhado a uma pagina que contém todas as telas funcionando, entretanto em miniatura