- Java, (Spring Boot, Rest API, Maven)
- MySQL
- HTML
- CSS
- Javascript (React & Redux)
- Development enviornment: Spring Tool Suite(STS/Eclipse) with CodeMix Plugin for React.
- MySQL database(Server and workbench)
- Maven
- Node JS
- Download the project from github to local directory
-
Start MySQL workbench and connect to local database.
-
Create a new Schema as "boxinator”
-
Create a new Table as “box” with following script:
CREATE TABLE box
(
id
int NOT NULL AUTO_INCREMENT,
name
varchar(45) DEFAULT NULL,
weight
int DEFAULT NULL,
color
varchar(45) DEFAULT NULL,
country
varchar(45) DEFAULT NULL,
PRIMARY KEY (id
),
UNIQUE KEY id_UNIQUE
(id
)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci
-
Import project from folder /Boxinator/Frontend/boxinator as React App from codemix in STS .
-
Inside STS: press below command :
ctrl+shft+p
#This will open terminal inside STS
#Run below command in terminal
npm install
- Run below command to start the application on 8080 port:
npm start -- --port 8080
-
Import project from folder /Boxinator/Backend/Boxinator as "Existing Maven Project" in STS.
-
Configure username, password, URL in "Boxinator\Backend\Boxinator\src\main\java\com\fort\box\util\DatabaseConnection.java" file
-
Clean build the project.
-
Run as -->Spring Boot App.
- open command pompt in /Frontend/boxinator and execute below command
- npm install
- npm start -- --port 8080
- open command pompt in /Backend/Boxinator and execute below command
- mvn clean install
- mvn spring-boot:run
http://localhost:8080/addbox http://localhost:8080/listboxes