Aplicação fullstack moderna para gerenciamento de tarefas, com foco em arquitetura limpa, boas práticas e experiência do usuário.
Este projeto foi desenvolvido com o objetivo de consolidar conhecimentos em desenvolvimento fullstack, aplicando conceitos modernos utilizados no mercado.
A aplicação permite gerenciar tarefas com persistência real em banco de dados, integrando frontend e backend de forma desacoplada.
Frontend (Vue + Pinia)
↓
API REST (Spring Boot)
↓
PostgreSQL
O backend segue uma arquitetura em camadas:
- Controller → expõe endpoints REST
- Service → contém regras de negócio
- Repository → acesso ao banco
- DTO → camada de transporte (desacoplamento)
- Vue 3 (Composition API)
- TypeScript
- TailwindCSS
- Pinia (state management)
- Vite
- Java 17
- Spring Boot
- Spring Data JPA
- Hibernate
- DTO Pattern
- Bean Validation
- PostgreSQL
- ✔ Criar tarefas
- ✔ Listar tarefas
- ✔ Marcar como concluída
- ✔ Remover tarefas
- ✔ Persistência de dados
backend/ ├── controller ├── service ├── repository ├── dto ├── domain └── exception frontend/ ├── components │ ├── atoms │ ├── molecules │ └── organisms ├── views ├── stores ├── services └── types
cd backend/taskmanager ./mvnw spring-boot:run
Servidor: http://localhost:8080
cd frontend/task-manager-frontend npm install npm run dev
Aplicação: http://localhost:5173
Configure o arquivo application.properties:
spring.datasource.url=jdbc:postgresql://localhost:5432/taskdb spring.datasource.username=taskuser spring.datasource.password=123456
- ✔ Arquitetura limpa e escalável
- ✔ Separação de responsabilidades (DTO)
- ✔ Validação de dados no backend
- ✔ Tratamento global de erros
- ✔ Integração real frontend + backend
- ✔ Componentização com Atomic Design
- 🔒 Autenticação (JWT)
- 🌐 Deploy em produção
- 📄 Paginação e filtros
- 🎨 Melhorias de UI/UX
Rhuan Lucas Carvalho
Desenvolvedor Frontend / Fullstack em formação.
Sinta-se à vontade para entrar em contato ou dar feedback 🚀