Este é um projeto Full Stack de um sistema de gerenciamento de projetos, pensado para quem está começando na área de desenvolvimento. O objetivo é mostrar como funciona a integração entre o front-end e o back-end de uma aplicação real, usando ferramentas e bibliotecas modernas, mas de forma simples e didática.
- Cadastro e login de usuários
- Criação, edição e exclusão de projetos
- Gerenciamento de tarefas dentro dos projetos
- Interface simples e fácil de usar
- Java 17
- Spring Boot 3.4.5
- spring-boot-starter-web (API REST)
- spring-boot-starter-data-jpa (persistência com JPA/Hibernate)
- spring-boot-starter-validation (validações de dados)
- spring-boot-devtools (hot reload para desenvolvimento)
- spring-boot-starter-test (testes automatizados)
- Lombok (para facilitar o código Java, reduzindo boilerplate)
- MySQL Connector/J (driver para banco de dados MySQL)
- Jackson Datatype JSR310 (suporte a datas Java 8+)
- Maven (gerenciador de dependências e build)
- Maven Compiler Plugin (compilação do projeto)
- Spring Boot Maven Plugin (empacotamento e execução)
- ReactJS 19
- React DOM
- React Router DOM 7 (rotas SPA)
- React Scripts (scripts de build e dev)
- Axios (requisições HTTP para a API)
- Bootstrap 5 (estilização e componentes visuais)
- date-fns (manipulação de datas)
- ESLint (padronização de código)
- Browserslist (compatibilidade de navegadores)
- Git (controle de versão)
- VS Code (recomendado para edição)
back/- Código do back-end (Java, Spring Boot)front/- Código do front-end (ReactJS)
- Clone este repositório
- Instale as dependências do back-end (Maven) e do front-end (npm ou yarn)
- Configure o banco de dados MySQL (veja o arquivo
application.propertiesemback/) - Rode o back-end:
./mvnw spring-boot:run(Linux/Mac) oumvnw.cmd spring-boot:run(Windows) - Rode o front-end:
npm startdentro da pastafront/ - Acesse a aplicação pelo navegador
Este projeto é ideal para quem está começando e quer aprender como funciona um sistema completo, do zero até a entrega final. O código está bem organizado e comentado para facilitar o entendimento.
- Ótimo para treinar lógica de programação e organização de código
- Ajuda a entender como front-end e back-end conversam
- Perfeito para colocar no portfólio e mostrar para recrutadores
Sinta-se à vontade para usar, estudar e modificar este projeto!