React Todo App

Uma aplicação moderna e responsiva de gerenciamento de tarefas construída com React, Vite e Tailwind CSS.

📋 Descrição

O React Todo App foi desenvolvido para consolidar e praticar meus conhecimentos em React.js e aprender e fixar bilds e frameworks como Vite e TailwindCss.

🚀 Tecnologias Utilizadas

• React 18+ - Biblioteca JavaScript para construção de interfaces
• Vite - Build tool de próxima geração com HMR (Hot Module Replacement)
• Tailwind CSS - Framework CSS utility-first para estilização
• ESLint - Ferramenta de linting para manutenção de código limpo
• PostCSS - Processador CSS para transformações avançadas
• React router - Para definir diferentes rotas através de Urls
• Uuid - Geração de números aleatórios, pode ser utilizada para o Id de uma lista, por exemplo

✨ Funcionalidades

• ✅ Adicionar novas tarefas
• ✅ Marcar tarefas como concluídas
• ✅ Remover tarefas
• ✅ Interface intuitiva e responsiva
• ✅ Temas modernos com Tailwind CSS
• ✅ Salve tarefas no localStorage

🛠️ Instalação e Setup

# Instalar Vite
npm create vite@5.5.2 .

# Instalar dependências
npm install

# Instalar Tailwindcss
npm install -D tailwindcss@3.4.10 postcss@8.4.41 autoprefixer@10.4.20
npx tailwindcss init -p

# Instalar uuid
npm install uuid@10.0.0

# Executar servidor de desenvolvimento
npm run dev

📦 Estrutura do Projeto

src/
├── components/          # Componentes reutilizáveis
│   ├── AddTask.jsx
│   ├── Button.jsx
│   ├── Input.jsx
│   ├── Tasks.jsx
│   └── Title.jsx
├── pages/              # Páginas da aplicação
│   └── TaskPage.jsx
├── App.jsx             # Componente principal
└── main.jsx            # Ponto de entrada

🎯 Futuras Adições

Estou constantemente melhorando a aplicação. A Seguinte funcionalidade a ser aplicada:

• ⏰ Horas para as tarefas - Adicione horários específicos e receba notificações

Este projeto foi desenvolvido em conjunto com o curso React do professor Felipe Rocha.