Posted By freeproject on September 18, 2022
- Steps to Install Softwares
-
Step 1 : Uninstall all MySQL Softwares from Control Panel if you have.
Step 2 : Uninstall all Java and Tomcat Server from control panel if you have
Step 3 : Download and Install STS Link : https://spring.io/tools
Step 4 : Download and Install NodeJS 14 Link : https://nodejs.org/dist/v14.16.1/node-v14.16.1-x64.msi
Step 5 : Download and Install XAMP Server : https://drive.google.com/open?id=1BWn8AAlWfrc1S5O5ILfXj1ayC8Bh4DAV
Step 6 : Open CMD and check node version Command : node --version
Step 7 : Open XAMP Control Panel and start Apache and MySQL
Step 8 : Open browser and open the URL : http://127.0.0.1/. It will show you the XAMP Server Home Page
- Steps to run and configure reactjs/frontend part
-
Step 1 : Download and extract the project, there will be 3 things inside the extracted folder, 1st folder contains reactjs code, 2nd contains spring boot code and 3rd .sql file
Step 2 : Open CMD and open reactjs folder there in CMD. Run Command : npm install (wait for installation)
Step 3 : Run command : npm start
Step 4 : Open browser and open the URL : http://127.0.0.1:3000 . This will show you frontend
- Steps to run and configure database part
-
Step 1 : Open the URL http://127.0.0.1/phpmyadmin and click on create database and create the database with same name as the sql file, it will be available into your extracted folder
Step 2 : Choose the database from left sidepanel
Step 3 : Click on Import and choose the sql file from extracted project folder
Step 4 : Click on Go, all the tables will be imported into the database.
- Steps to run and configure spring boot API part
-
Step 1 : Open STS
Step 2 : Go on File Menu >> Open Projects From File System
Step 3 : Open Spring Boot Project from extracted folder
Step 4 : Click on Finish
Step 5 : Right Click on project >> Run As >> Spring Boot App
Step 6 : Check console : Project Started messages will be appear
Step 7 : Open URL http://127.0.0.1:8080 to check project, URL is working or not.
Step 8 : If URL works then open reactjs part : http://127.0.0.1:4200 to check all functionalities
- Troubleshooting steps for Spring boot
-
If spring boot project does not run or does not show (Started Application statement) then follow below steps:
Step 1 : Right click on project folder then Properties >> Java Compiler >> Check Enable Project Specific Settings and use JavaSE-1.8
Step 2 : Go on Project Menu >> Update Maven Project (Wait for Build)
Step 3 : Right Click on project >> Run As >> Spring Boot App - Steps to run project after restart
-
Step 1 : Start XAMP - Apache and MySQL
Step 2 : Open CMD and run : npm start from reactjs folder
Step 3 : Open STS Right Click on project >> Run As >> Spring Boot App
Step 4 : Open the browser
Step 5 : Open the URL http://127.0.0.1:3000
