📅 Tasks App (To-Do List)
Website de um organizador de tarefas (to-do list) feito com React JS, Tailwind CSS, TypeScript, Redux Toolkit e mais.
Descrição
- Aplicado de organizar suas tarefas com os seguintes dados: título, descrição, data, marcar como completo e marcar como importante.
- As tarefas são organizadas em rotas: tarefas de hoje, tarefas importantes, incompletas, completas, todas as tarefas e tarefas por diretório (pasta). Os diretórios e as tarefas podem ser editados ou excluídos. Além disso, há um diretório principal chamado “Main” que não pode ser editado ou excluído.
- A lista de tarefas pode ser exibida primeiro em: mais próximas, mais distantes, completas ou incompletas.
- Você pode pesquisar por alguma tarefas no campo de pesquisa.
- As tarefas de hoje são mostradas na seção do usuário e nas notificações.
- Os dados de tarefas, diretórios e darkmode são salvos no localStorage.
Objetivo
O projeto teve principalmente como objetivo pôr em prática conhecimentos de TypeScript, Tailwind, Redux Toolkit e React Js.
Ferramentas utilizadas
- React JS
- TypeScript
- Tailwind CSS
- Redux Toolkit
- React Router DOM
- HTML
- Figma (prototipagem)
Como testar
Você pode acessar o projeto aqui: https://tasks-app-aridsm.netlify.app/
Ou rodar na sua máquina:
git clone https://github.com/aridsm/tasks-app.git
cd tasks-app
npm install
npm start
Observações
- Os dados de tarefas, diretórios e darkmode ficam salvos no localStorage do seu navegador. Você pode clicar no botão “delete all data” para removê-los do localStorage.
- Para fins demonstrativos, o aplicativo possui uma lista padrão de 3 tarefas e 1 diretório chamado “Main”.