Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/deathhunterx/codecrusaders---rmit-university-vietnam-design-for-learning-tool
RMIT Capstone Project
https://github.com/deathhunterx/codecrusaders---rmit-university-vietnam-design-for-learning-tool
mysql reactjs spring-boot
Last synced: 7 days ago
JSON representation
RMIT Capstone Project
- Host: GitHub
- URL: https://github.com/deathhunterx/codecrusaders---rmit-university-vietnam-design-for-learning-tool
- Owner: DeathHunterX
- Created: 2023-04-05T09:20:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-25T10:07:09.000Z (about 1 year ago)
- Last Synced: 2024-07-08T13:47:45.970Z (6 months ago)
- Topics: mysql, reactjs, spring-boot
- Language: JavaScript
- Homepage: http://rmit-learning-tool.s3-website-ap-northeast-1.amazonaws.com
- Size: 6.33 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CodeCrusaders---RMIT-University-Vietnam-Design-for-Learning-tool
RMIT Capstone Project
Technology Development tools:
- Front-end: ReactJS (https://react.dev),
- Back-end: Spring Boot (https://start.spring.io/),
- Database: MySQL (Info: https://www.mysql.com),
- API Testing: Postman (Info: https://www.postman.com/company/about-postman/)
How to set up?
---
- For Database (MySQL):
- Step 1: Download the MySQL Community Server from website, make sure to choose the approriate operation system
- Step 2: Download of the software to view the database (MySQL Workbench, DataGrip, DBeaver, etc)
- Step 3: Create an account with username and password, then make a schema named **database** (Remember the account and password for later steps)
- For Server (Spring Boot):
- VSCode:
- Step 1: Download extension called Spring Boot Dashboard from Microsoft - if you download it, go to next step
- Step 2: Go to application.propeties and change line 8 and 9 with your MySQL account (From Step 2 of setting up Database)
- Step 3: Open Spring Boot Dashboard
- Step 4: Run it
- Intellij:
- Step 1: Open the project in server folder
- Step 2: Go to application.propeties and change line 8 and 9 with your MySQL account (From Step 2 of setting up Database)
- Step 3: Run the application, make sure the MySQL server is on
- For Client (ReactJS):
- Step 1: Open Terminal
- Step 2: From the project's root directory, navigate to `path/client` directory - path is where you store this project in specific directory or if you use terminal in VSCode which located in this project just use cd client
```bash
cd path/client
```
- Step 3: Initialize the client
```bash
npm clean-install
npm add file:./CKEditor5Custom
```
or
```bash
npm ci
npm add file:./CKEditor5Custom
```
- Step 4: Start the client with development mode
```bash
npm run start
```
Or start the client with production mode if you want to
```bash
npm run production
```
Note:
---
- In the client/src/proxy.js, I have already set up 2 addresses, one for local, one for deploy in AWS or any deployment tools such as Vercel, Azure
If you want to use local part, change it into usable code, else, change into comment one, same with deployed.
```bash
// --- Local
export const BACKEND_PROXY = "http://localhost:8080"
export const FRONT_END_URL = "http://localhost:3000"
```
```bash
// --- Deployed (AWS - Front-end S3, Back-end EC2, Route53 For HTTPS Protocol)
export const BACKEND_PROXY = "http://35.76.125.226:8080"
export const FRONT_END_URL = "http://rmit-learning-tool.s3-website-ap-northeast-1.amazonaws.com"
```
Also, in server/src/main/java/com/example/server/config/WebSocketConfig.java,
change code in line 19 into code below if you want to use real time comment feature:
```bash
// --- Local
registry.addEndpoint("/ws").setAllowedOrigins("http://localhost:3000").withSockJS();
```
```bash
// --- Deployed (AWS)
registry.addEndpoint("/ws").setAllowedOrigins("http://rmit-learning-tool.s3-website-ap-northeast-1.amazonaws.com").withSockJS();
```
- Before you start the client, you should start with the database first, server second to avoid unnecessary error related to connection