Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arthurlunkes/project_contas_a_receber
Este é um projeto Full Stack de contas a receber que utiliza Java com Spring Boot, React js e PostgreSQL.
https://github.com/arthurlunkes/project_contas_a_receber
api-rest full-stack java postgresql react spring-boot
Last synced: 20 days ago
JSON representation
Este é um projeto Full Stack de contas a receber que utiliza Java com Spring Boot, React js e PostgreSQL.
- Host: GitHub
- URL: https://github.com/arthurlunkes/project_contas_a_receber
- Owner: arthurlunkes
- Created: 2023-07-09T18:34:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-16T01:30:17.000Z (over 1 year ago)
- Last Synced: 2023-10-17T06:36:05.627Z (over 1 year ago)
- Topics: api-rest, full-stack, java, postgresql, react, spring-boot
- Language: Java
- Homepage:
- Size: 38.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project fullstack Contas a receber
## Descrição do projeto
Este é um projeto Full Stack de contas a receber que utiliza Java com Spring Boot e React.
## Tópicos importantes
- Modelo de domínio
- Backend (Java com Spring)
- Frontend (React)
- Informações adicionais
- Passos para rodar esse projeto
- Considerações finais
Modelo de domínio
### O que foi utilizado
- Java 17
- Spring Boot
- React
Backend (Java com Spring)
### Descrição
O Backend do sistema foi desenvolvido utilizando a linguagem Java juntamente com Spring. Essa camada é responsável por gerenciar a lógica de negócio, acessar o banco de dados e disponibilizar APIs REST para serem consumidas pelo Frontend.
### Funcionalidades Implementadas
- CRUD (Create, Read, Update, Delete) de entidades
- Validação de dados e tratamento de erros
- Integração com banco de dados utilizando Spring Data JPA e banco de dados em memória H2
- Implementação de endpoints REST
- Documentação da API utilizando o Postman
- Autenticação por token com JWT.
Frontend (React)
### Descrição
O Frontend do sistema foi desenvolvido utilizando a biblioteca React. Essa camada é responsável por apresentar a interface de usuário, realizar requisições para o Backend e exibir os dados de forma interativa e amigável.
### Funcionalidades Implementadas
- Criação de componentes reutilizáveis
- Gerenciamento de estado
- Roteamento de páginas utilizando React Router
- Consumo de APIs RESTful utilizando a biblioteca Axios
- Estilização de componentes utilizando CSS e bibliotecas
Informações adicionais
### Tabela de métodos HTTP
| Método | Backend | Frontend |
|--|--|--|
| GET | ✔️ | ✔️ |
| POST | ✔️ | ✔️ |
| PUT | ✔️ | ✔️ |
| DEL | ✔️ | ✔️ |
- Algumas informações úteis estão no arquivo application.properties
- Pode acessar a documentação de consumo dos endpoints no postman [aqui!](https://www.postman.com/spacecraft-participant-60213181/workspace/workspacepublic/collection/19564710-edf37ea1-0b38-4841-9fa2-c7c13ec859b5?action=share&creator=19564710)
- Quando inserir um cliente pelo front, vai dar um erro, mas se recarregar a página, o registro aparece
Passos para rodar esse projeto
1. Baixe esse repositório via git ou GitHub Desktop
2. Abra a pasta do backend com a IDE de sua preferência
3. Baixe as dependências do projeto, seguindo os passo a passo da sua IDE
4. Starte a aplicação a partir da classe AccountsreceivableApplication
5. Abra a pasta do frontend com o VSCode
6. Abra o terminal na pasta
7. Rode o comando npm install (Para instalar as dependências)
8. Após terminar de baixar, rode o comando npm start
9. Pronto para testar!
Considerações finais
O desenvolvimento desse desafio Full Stack utilizando java com Spring Boot e React foi concluído com apenas 2 probleminhas: um dos requisitos não funcionando, alterar os registros e quando o registro é inserido no frontend, dá erro mas recarregando a página, ele aparece.