https://github.com/cleytonw/full-stack-sgp
Este é um sistema completo de gestão de projetos (SGP) desenvolvido com arquitetura full stack. O backend foi construído em Java utilizando Spring Boot, oferecendo APIs REST robustas para gerenciamento de usuários, tarefas e projetos. O frontend foi desenvolvido em React, proporcionando uma interface moderna, responsiva e intuitiva para os usuários
https://github.com/cleytonw/full-stack-sgp
axios-react bootstrap date-fns java javascript lombok maven mysql-database react-router-dom reactjs spring-boot
Last synced: 3 months ago
JSON representation
Este é um sistema completo de gestão de projetos (SGP) desenvolvido com arquitetura full stack. O backend foi construído em Java utilizando Spring Boot, oferecendo APIs REST robustas para gerenciamento de usuários, tarefas e projetos. O frontend foi desenvolvido em React, proporcionando uma interface moderna, responsiva e intuitiva para os usuários
- Host: GitHub
- URL: https://github.com/cleytonw/full-stack-sgp
- Owner: CleytonW
- License: mit
- Created: 2025-08-12T16:01:39.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-12T20:17:04.000Z (11 months ago)
- Last Synced: 2025-09-07T14:19:36.320Z (10 months ago)
- Topics: axios-react, bootstrap, date-fns, java, javascript, lombok, maven, mysql-database, react-router-dom, reactjs, spring-boot
- Language: JavaScript
- Homepage:
- Size: 3.98 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Sobre o Projeto
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.
## Funcionalidades
- 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
## Tecnologias, Ferramentas e Bibliotecas Utilizadas
### Back-end (`back/`)
- **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)
### Front-end (`front/`)
- **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)
### Outras Ferramentas
- **Git** (controle de versão)
- **VS Code** (recomendado para edição)
## Estrutura das Pastas
- `back/` - Código do back-end (Java, Spring Boot)
- `front/` - Código do front-end (ReactJS)
## Como Rodar o Projeto
1. Clone este repositório
2. Instale as dependências do back-end (Maven) e do front-end (npm ou yarn)
3. Configure o banco de dados MySQL (veja o arquivo `application.properties` em `back/`)
4. Rode o back-end: `./mvnw spring-boot:run` (Linux/Mac) ou `mvnw.cmd spring-boot:run` (Windows)
5. Rode o front-end: `npm start` dentro da pasta `front/`
6. Acesse a aplicação pelo navegador
## Para Quem é Este Projeto?
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.
## Por que este projeto é legal?
- Ó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!