Building a Full Stack Supervision app with Spring Boot, Spring Security, JWT, React and Ant Design

Steps to Setup the Spring Boot Back end app (tamin-app-server)

1. Clone the application

   git clone https://github.com/shayegh/tamin-app.git
   cd tamin-app-server

2. Create MySQL database

   create database tamin_app

3. Change MySQL username and password as per your MySQL installation

   • open src/main/resources/application.properties file.

   • change spring.datasource.username and spring.datasource.password properties as per your mysql installation

4. Run the app

   You can run the spring boot app by typing the following command -

   mvn spring-boot:run

   The server will start on port 5000. The spring boot app includes the front end build also, so you'll be able to access the complete application on http://localhost:5000.

   You can also package the application in the form of a jar file and then run it like so -

   mvn package
   java -jar target/polls-0.0.1-SNAPSHOT.jar

5. Add the default Roles

   The spring boot app uses role based authorization powered by spring security. Please execute the following sql queries in the database to insert the USER and ADMIN roles.

   INSERT INTO roles(name) VALUES('ROLE_USER');
   INSERT INTO roles(name) VALUES('ROLE_ADMIN');

   Any new user who signs up to the app is assigned the ROLE_USER by default.

Steps to Setup the React Front end app (tamin-app-client)

First go to the tamin-app-client folder -

cd tamin-app-client

Then type the following command to install the dependencies and start the application -

yarn install && yarn start

The front-end server will start on port 3000.