Projeto Concluído ✔
Desenvolvi esse projeto para aplicar os conhecimento que adquiri ao longo do curso DevClub e muitas pesquisas!
O projeto foi inicialmente criado utilizando a ferramenta de construção Vite, pois depois de pesquisar vi que é um servidor de desenvolvimento mais rápido recomendado até mesmo pelo react.
Todo o UI criado por mim na ferramenta de layout FIGMA.
O objetivo meu era de, construir um Todo junto com um Timer.
Uma aplicação que envolveu muita lógica.
Aplicação toda responsiva, ou seja se adaptam a vários tipos de dispositivos.
Registrar tarefas ✔
Alterar título da tarefa ✔
Marcar como feita ✔
Excluir tarefa ✔
Exibir apenas tarefas feitas✔
Exibir apenas tarefas a fazer ✔
Exibir todas tarefas ✔
Pomodoro Timer ✔
https://todo-pomodoro-project.vercel.app/
React-Router ✔
React-Icons ✔
Uuid-v4 ✔
Copie o código clone
https://github.com/DaniMendess/todo-pomodoro-project.git
No seu Desktop crie uma pasta onde deseja clonar o projeto
Dentro da pasta execute:
git clone https://github.com/DaniMendess/todo-pomodoro-project.git
Execute o comando "npm i" ou "npm install" para instalar todas as dependências.
npm i
Abrir pasta do projeto, Execute "code . "
code .
Cadastre suas tarefas na tela inicial.
Modificar nome da tarefa onde abrirá um modal com opções.
Marque as suas tarefas feitas
Timer, escolha o tempo desejado e reinicie se quiser.
Por parecer um projeto simples, envolveu muita lógica de programação para chegar até o fim que esperava.
Colocar tudo que aprendi em prática de uma só vez em apenas um projeto, não foi tarefa fácil foram muitas boas pesquisadas haha
Utilizei o React-router-dom para lidar com rotas da minha aplicação
E tambem o React-icons, para produzir o layout de acordo com a UI
Toda a parte responsiva me levou um curto tempo.