CRUD Client ReactJS REST API with Spring Boot

CRUD ReactJS + Bootstrap

This API is to showcase, especially for beginners, what a basic CRUD API that's close to being Production-ready looks like.

💻 Tecnologias

• React v18

• Bootstrap V5+ Material CSS Icons

• Karma + Jasmine (front-end tests)

  🚨 Requisitos

• O projeto foi construído utilizando ReactJS 17+ ou Angular 14+ ( Versão V1 Reactjs, Versão V2 Angular);

• Instalar Node.js 16+ LTS, pode usar o NVM para gerenciar as versões;

• ReactJS 17+ como base para os recursos disponibilizados no projeto;

⌨️ Editor / IDE

• Visual Studio Code
• React Extensions link

🕵🏻‍♂️ Itens do cliente Frontend

• Estrutura do Projeto
• Boas práticas da Linguagem/Framework
• Integração com API
• Bibliotecas utilizadas
• Estilização dos componentes
• Persistência de login
• Layout responsivo
• Friendly URL

🎁 Devemos usar

• Testes unitários
• SEO
• Linter
• Code Formater
• Documentação de componente - StoryBook

Algumas funcionalidades disponíveis no cliente Frontend

• ✅ React Class components (React v16+)
• ✅ Bootstramp V4+
• ✅ List of all financial entry with pagination
• ✅ Form to update/create user/ financial entry
• ✅ View only screen
• ✅ TypedForms (React Router Dom v5+)
• ✅ Class Components x Functional Components
• [In Progress] Unit and Integration tests Jest

❗️Executing the code locally

Executing the frontend

You need to have Node.js 16+ LTS/ NPM installed locally.

1. Install all the required dependencies:

yarn install

2. Execute the project mode development:

yarn dev

3. Execute the project mode production:

yarn prod

This command will run the React project with a proxy to the Java server, without requiring CORS.

Open your browser and access http://localhost:3000 (React default port).