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

1. Modelo de domínio
2. Backend (Java com Spring)
3. Frontend (React)
4. Informações adicionais
5. Passos para rodar esse projeto
6. 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!

• 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.