Hey Badminton!

This is the final project for CSCI 6234 Object Oriented Design - Sping 2023 Group 9.

Overview

• Application: Website
• Program language: Java (back-end) + JavaScript (front-end)
• Framework: Spring boot2 (back-end) + React (front-end)

Demo

• Explore our website demo at: https://hey-badminton.vercel.app/
• We provide two pre-existing accounts for your convenience:
  • admin_user: root@root
  • normal_user: user1@user1, user2@user2
• Alternatively, you can register your own account.

Slides

Google Drive

Movie Presentation

Google Drive

How to run

Init MySQL:

mysql -u root < init.sql

Java Back-end:

cd .\heybadminton\back\
java -jar .\back-1.0-SNAPSHOT.jar

• Now the back-end server should be online

JavaScript Front-end

• open a new terminal

cd .\heybadminton\front\
npm install
npm start

• Now the front-end should be online

Visit the website

• You can now visit the website in the browser
• Local: http://localhost:3000

Tasks

• Equipment Page
• Post Detail Page
• Tournaments Page
• Courtmate Page
• Home page
• remove 10/page(ps: adjust datasize and limite the number of page below to 5)
• add POST button on Equipment
• add POST button on Courtmate
• add example pictures on Post
• add Home/Equipment post button callback function
• add Home/Courtmate join button callback function
• Admin page
• show picture on Home/post
• generate some MEANINGFUL data
• add equipment link on home page
• add Home/Courtmate create button callback function