https://github.com/miguelitodev/tuh-doo
tuh-doo é um aplicativo de lista de tarefas interativo e divertido, com animações de recompensa para quando você marcar uma tarefa como concluída. Ele utiliza animações como confetes, balões e emojis para tornar o gerenciamento de tarefas mais divertido! 😎
https://github.com/miguelitodev/tuh-doo
framer-motion javascript react react-rewa redux sooner typescript
Last synced: 2 months ago
JSON representation
tuh-doo é um aplicativo de lista de tarefas interativo e divertido, com animações de recompensa para quando você marcar uma tarefa como concluída. Ele utiliza animações como confetes, balões e emojis para tornar o gerenciamento de tarefas mais divertido! 😎
- Host: GitHub
- URL: https://github.com/miguelitodev/tuh-doo
- Owner: miguelitodev
- Created: 2025-03-11T19:50:26.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2025-03-12T21:01:53.000Z (2 months ago)
- Last Synced: 2025-03-12T21:27:03.840Z (2 months ago)
- Topics: framer-motion, javascript, react, react-rewa, redux, sooner, typescript
- Language: TypeScript
- Homepage: https://miguelitodev.github.io/tuh-doo/
- Size: 319 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tuh-doo 🎉
**tuh-doo** é um aplicativo de lista de tarefas interativo e divertido, com animações de recompensa para quando você marcar uma tarefa como concluída. Ele utiliza animações como confetes, balões e emojis para tornar o gerenciamento de tarefas mais divertido! 😎
## Funcionalidades 🚀
- **Lista de Tarefas:** Adicione, edite e exclua tarefas facilmente.
- **Animações de Recompensa:** Use animações de confetes, balões e emojis como recompensas ao completar tarefas.
- **Armazenamento Local:** Suas tarefas são salvas no `localStorage`, o que significa que elas são persistentes entre as sessões.
- **Redux Toolkit:** Utiliza Redux para gerenciar o estado global do aplicativo de maneira eficiente.
- **Responsivo e Atraente:** Desenvolvido com **Tailwind CSS**, garantindo uma ótima aparência em dispositivos móveis e desktops.
## Demonstração 📸
Você pode conferir uma demonstração do projeto [aqui](https://miguelitodev.github.io/tuh-doo).
## Tecnologias Usadas 🔧
- **React** (com Hooks)
- **Redux Toolkit** para gerenciamento de estado
- **Tailwind CSS** para estilização
- **Framer Motion** para animações
- **React Rewards** para as animações de recompensa (confetes, balões, emojis)
- **Sonner** para notificações
- **Vite** como bundler e servidor de desenvolvimento
- **TypeScript** para segurança de tipos
- **ESLint** para garantir um código limpo e consistente
## Como Rodar o Projeto 🌱
Para rodar o projeto localmente em sua máquina, siga os passos abaixo:
### 1. Clone o repositório
```bash
git clone https://github.com/miguelitodev/tuh-doo.git
```
### 2. Instale as dependências
```bash
cd tuh-doo
npm install
```
### 3. Execute o aplicativo em modo de desenvolvimento
```bash
npm run dev
```
Isso abrirá o aplicativo no seu navegador, normalmente em `http://localhost:3000`.
### 4. Para fazer o build de produção
```bash
npm run build
```
### 5. Para ver o build de produção em modo preview
```bash
npm run preview
```
## Como Contribuir 🤝
1. Faça um fork do projeto.
2. Crie uma branch para a sua feature (`git checkout -b minha-feature`).
3. Faça commit das suas mudanças (`git commit -am 'Adiciona nova feature'`).
4. Envie para o repositório remoto (`git push origin minha-feature`).
5. Abra um Pull Request para a branch `main`.
## Licença 📜
Este projeto está licenciado sob a **MIT License** - veojeto.
2. Crie uma branch para a sua feature (`git checkout -b minha-feature`).
3. Faça commit das suas mudanças (`git commit -am 'Adiciona nova feature'`).
4. Envie para o repositório remoto (`git push origin minha-feature`).
5. Abra um Pull Request para a branch `main`.