FunPark

About The Project

FunPark is a full-stack website made with React, Node.js, and MongoDB. Users can see and buy tickets for a made-up amusement park and get a receipt after buying. The project also includes an admin panel with JWT-based authentication, where admins can manage orders and tickets (create, edit, delete). State management is handled using Context API.

Demo

Back-End Flow Diagram

Features

• Interactive UI — A user-friendly interface that ensures an intuitive user experience.
• Responsive Design — Optimized for various devices and screen sizes.
• Modular Architecture — Organized codebase with separate frontend and backend directories for maintainability.

Technologies Used

• Frontend: React.js, Javascript, Tailwind, ContextApi, ...
• Backend: Node.js, Express.js, MongoDB, ...
• Version Control: Git

Getting Started

To set up and run the FunPark project, follow these steps:

Prerequisites

• Node.js installed on your machine
• Git for version control

Installation

Clone the repository:

git clone https://github.com/StackWard/FunPark.git
cd FunPark

Install dependencies:

Navigate to both the frontend and backend directories and install the necessary packages:

cd Frontend
npm i
cd ../Backend
npm i

Running the Application

Please note that if you want to run this project locally, just uncomment lines 13 to 24 of the /Backend/app.js file to bypass the browser SOP, then run the code.

• Modify the Backend/config.env file with your own properties, then start the backend server.

  cd Backend
  npm start

• Put the back-end URL to the Frontend/.env file. After that, simply start the front-end server:

  cd Frontend
  npm run dev