https://github.com/jhwa426/booking-system

Full-Stack Football Booking Management System using React JS (MERN stack for MongoDB, Express, React, and Node)
https://github.com/jhwa426/booking-system

api expressjs mongodb nodejs react-hooks react-router reactjs render restful-api

Last synced: 15 days ago
JSON representation

Full-Stack Football Booking Management System using React JS (MERN stack for MongoDB, Express, React, and Node)

• Host: GitHub
• URL: https://github.com/jhwa426/booking-system
• Owner: jhwa426
• Created: 2024-06-10T02:34:35.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-12T01:10:34.000Z (2 months ago)
• Last Synced: 2024-10-10T19:29:46.079Z (about 1 month ago)
• Topics: api, expressjs, mongodb, nodejs, react-hooks, react-router, reactjs, render, restful-api
• Language: JavaScript
• Homepage: https://booking-football.onrender.com
• Size: 5.63 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## Football Booking Management System

 

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.



## [Booking.Football](https://booking-football.onrender.com/)

### Features

- 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: [email protected], 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](https://booking-football.onrender.com/)




![Booking.Football](https://github.com/user-attachments/assets/06340803-ca83-43a3-92b6-db01655567d9)

## Technical Skills 💻





























## Getting Started

### Installation

To run this Football Booking Management System locally, follow these steps:

1. Open Terminal.

2. Change the current working directory to the location where you want the cloned directory.

3. Clone the repository: `git clone https://github.com/jhwa426/Booking-System`

4. Navigate to the project directory: `cd Booking-System/frontend`

5. Install the dependencies: `npm install`

6. Navigate to the project directory `cd Booking-System/backend`

7. Install the dependencies: `npm install`

8. Start the development server for backend `nodemon server`

9. Start the development server for frontend: `npm start`

10. Open your browser and visit: `http://localhost:3000`