Developed a Full-Stack Football Booking Management System utilising React JS and the MERN stack (MongoDB, Express, React, and NodeJS), which facilitated the development of React applications with backend connectivity via HTTP, incorporated user authentication, integrated the Payment Methods API (Stripe JS), and enabled CRUD operations for court management through a RESTful API.
-
Utilising React JS and the MERN (MongoDB, Express, React, and Node) stack
-
Facilitated the development of React applications with backend connectivity via HTTP and incorporated user authentication
-
Feel free to explore the website as an administrator (email: admin@a.com, password: admin). As an admin, admin’ll have access to the Administration Panel, where you can manage current bookings, courts, and user accounts.
-
Implemented a persistent storage application for CRUD on the website (Create the court, Read the current booking, Update the court and Delete the court)
-
Court details and user informations with authentication on MongoDB
-
Payment Methods API (stripe JS)
-
UI development (React Bootstrap, React Spinners, SweetAlert2)
-
Deployment of the website by Render.com for both Frontend and Backend Booking.Football
- Open Terminal.
- Change the current working directory to the location where you want the cloned directory.
- Clone the repository:
git clone https://github.com/jhwa426/Booking-System - Navigate to the project directory:
cd Booking-System/frontend - Install the dependencies:
npm install - Navigate to the project directory
cd Booking-System/backend - Install the dependencies:
npm install - Start the development server for backend
nodemon server - Start the development server for frontend:
npm start - Open your browser and visit:
http://localhost:3000