Skip to content

Aplicação web para organização de tarefas, feita com ReactJS e TailwindCSS. Projeto pessoal com foco em usabilidade e design limpo.

Notifications You must be signed in to change notification settings

PedroRomaoDev/task-manager

Repository files navigation

📝 Task Manager

React TailwindCSS Vite Deploy

Aplicação web para organização de tarefas, desenvolvida em ReactJS e TailwindCSS.
O projeto tem como foco usabilidade e design limpo, facilitando a gestão de atividades do dia a dia.


🚀 Tecnologias


📂 Estrutura do Projeto

task-manager/
├── public/          # Arquivos públicos
├── src/
│   ├── assets/      # Imagens e recursos estáticos
│   ├── components/  # Componentes reutilizáveis
│   ├── hooks/       # Hooks personalizados para fetching de dados
│   ├── keys/        # Configurações de Query e Mutation keys
│   ├── lib/         # Axios baseUrl
│   ├── pages/       # Páginas principais
│   ├── index.css    # Estilos globais
│   └── main.jsx     # Ponto de entrada do React
├── .env.development # Variáveis de ambiente (dev)
├── .env.production  # Variáveis de ambiente (prod)
├── db.json          # Mock de dados (JSON Server)
├── vite.config.js   # Configuração do Vite
├── tailwind.config.js # Configuração do TailwindCSS

⚙️ Instalação e Uso

  1. Clone o repositório:
    git clone https://github.com/PedroRomaoDev/task-manager.git
  2. Entre na pasta do projeto:
    cd task-manager
  3. Instale as dependências:
    npm install
  4. Rode a aplicação em modo desenvolvimento:
    npm run dev
  5. Acesse no navegador:
    http://localhost:5173
    

📸 Screenshots

Tela inicial Minhas Tarefas


📌 Funcionalidades

  • Criar, editar e remover tarefas.
  • Marcar tarefas como concluídas, em andamento ou não iniciadas.
  • Interface responsiva com design minimalista.
  • Persistência de dados com JSON Server (mock API).

🤝 Contribuição

Contribuições são sempre bem-vindas!
Para contribuir:

  1. Faça um fork do projeto
  2. Crie uma branch (git checkout -b feature/nova-feature)
  3. Commit suas mudanças (git commit -m 'Adiciona nova feature')
  4. Faça um push para a branch (git push origin feature/nova-feature)
  5. Abra um Pull Request

About

Aplicação web para organização de tarefas, feita com ReactJS e TailwindCSS. Projeto pessoal com foco em usabilidade e design limpo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published