ūüďÖ 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.

p√°gina inicial

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 & CSS
  • 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”.

GitHub

View Github