You can clone the project from github.

  1. generate springboot project from start.spring.io.
    start-spring-io

  2. add dependencies to pom.xml file.

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter</artifactId>
        </dependency>
    
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
    
        <dependency>
            <groupId>com.h2database</groupId>
            <artifactId>h2</artifactId>
            <version>1.4.200</version>
            <scope>runtime</scope>
        </dependency>
    </dependencies>
    
  3. create the Model, Repository, Controller.

  4. add some clients using postman.
    postman-create-client

  5. create react app in spring boot application base directory, named frontend

     npx create-react-app frontend
    

    install bootstrap, react router and reactstrap in the frontend directory.

    npm install --save bootstrap@5.1 react-cookie@4.1.1 react-router-dom@5.3.0 reactstrap@8.10.0
    
  6. run ReactSpringbootCrudApplication.java to start the springboot project.

  7. run npm start to start the frontend app.

  8. visit http://localhost:3000, then we can see the demo.

    clients

    client-list-edit-delete

You can clone the project from github.

The end.