📘 Introdução
O ToDo App é uma ferramenta voltada para performance e organização pessoal. Ele permite que o usuário registre, filtre e acompanhe suas tarefas diárias, semanais ou mensais, promovendo mais foco e produtividade.
🎯 Objetivo
O projeto surgiu como um exercício para estudar desenvolvimento web e integrar uma API pública. Com o tempo, se tornou um desafio pessoal maior, ganhando funcionalidades adicionais e um design mais completo.
⚙️ Tecnologias utilizadas
- React.js: estrutura principal do app.
- TypeScript (se aplicável): para tipagem estática e maior segurança.
- Tailwind CSS ou CSS Modules: para estilização.
- API Pública de ToDos: para testes e simulação de dados.
- React Hooks: controle de estado e ciclo de vida.
💡 Funcionalidades
- Listagem de tarefas com título e status.
- Barra de pesquisa para encontrar tarefas específicas.
- Filtros por status (pendente, concluído).
- Paginação para navegação entre tarefas.
- Design responsivo e funcional.
🚀 Aprendizados
- Integração com APIs públicas e manipulação de dados assíncronos.
- Criação de componentes reutilizáveis com React.
- Manipulação de listas, filtros e estados com React.
- Implementação de recursos como paginação e busca.
- Maior domínio da lógica de programação voltada à interface.
🧠 Reflexão Pessoal
“Esse projeto me marcou. Eu comecei querendo apenas entender como consumir dados de uma API, mas logo percebi que podia ir além. Me desafiei a implementar funcionalidades como pesquisa, filtros e paginação. O mais interessante foi como esse processo me despertou um prazer real em ‘codar’. Ver o app tomando forma me deixou cada vez mais empolgado para estudar e criar.”
🧑💻 Como testar
-
clone o repositório
git clone https://github.com/seu-usuario/todo-app.git cd todo-app
-
Instale as dependências
npm install or yarn install
-
execute o projeto
npm run dev