ToDo List React

Desenvolvido por Emmanuel Oliveira

---

---

🚀 Tecnologias Utilizadas

• React 19
• TypeScript 5
• Vite 7
• TailwindCSS 4
• React Router 7
• React Toastify
• React Loader Spinner
• use-local-storage
• Class Variance Authority (CVA)
• Biome (lint/format)
• Vite Plugin SVGR

📐 Padrões de Projeto & Arquitetura

• Componentização Reutilizável (Button, Card, Container, Badge, Skeleton, Icon, Text)
• Hooks Customizados (useTask, useTasks) para lógica de tarefas e persistência local
• Gerenciamento de Estado Local com use-local-storage
• Atomic Design (organização por componentes básicos e core)
• Rotas com React Router
• Estilização com TailwindCSS e variáveis CSS customizadas
• UX com Skeleton Loading e Toasts
• TypeScript Estrito (strict, noUnusedParameters, etc)
• Padronização e Lint com Biome

⚡ Setup & Configuração

# 1. Instale as dependências
pnpm install

# 2. Rode o projeto em modo desenvolvimento
pnpm dev

# 3. Build para produção
pnpm build

# 4. Preview do build
pnpm preview

• É necessário Node.js 18+ e pnpm instalado globalmente.
• O projeto utiliza Vite, TailwindCSS e TypeScript já configurados.
• O lint/formatador Biome pode ser executado com:

pnpm biome check .
pnpm biome format .

🌐 Versão Online

Acesse a versão online do projeto clicando na badge acima!

🤝 Contributors or owners

Emmanuel Oliveira

developed by 💖 Emmanuel Oliveira
© Todos os Direitos Reservados

Contribuidores

Clique na seta abaixo e veja como você pode contribuir para o projeto

Como fazer uma contribuição ao Projeto ?

 - Familiarize-se com a documentação do projeto, que geralmente inclui guias de instalação.
- Explore o código do projeto para entender sua estrutura e funcionamento.

Faça um Fork

• Crie uma cópia (fork) do repositório original em sua conta do GitHub.
  

Clone o Repositório

Isso criará uma cópia local do projeto, onde você poderá fazer suas modificações.

Crie uma Nova Branch:

• Crie uma nova branch para isolar suas alterações.
  
• Isso facilita a organização do seu trabalho e a criação de pull requests.
  

Faça as Alterações:

• Crie funcionalidades, mude estilos ou resolva bugs que iram contribuir para a melhoria do Projeto.
  

Crie um Pull Request:

• Inclua uma descrição clara das suas alterações e explique como elas resolvem o problema ou melhoram o projeto.
  
• Solicitação: Envie um pull request para o repositório original, solicitando que suas alterações sejam incorporadas ao projeto.  
  

Revise e Responda a Feedback:

• Colabore: Os mantenedores do projeto podem solicitar alterações ou fornecer feedback sobre o seu código.

📬 Contato

_{😁Obrigado por chegar até aqui!}

📝 licença

Released in 2025 This project is under the MIT license

Projeto criado pela Rocketseat e desenvolvido por Emmanuel Oliveira,
agradeço pelo incentivo e base de aprendizado.

⭐ Se este projeto foi útil para você, considere dar uma estrela!

voltar ao topo