Restaurant Management

A full-stack Restaurant Management website that offers exceptional food experiences and streamlines internal processes. Built using the MERN stack, it provides features for viewing, adding, deleting, and modifying food items, along with user authentication, secure JWT authorization, and responsive design.

Key Features Restaurant Management

1. Responsive Design : Fully responsive design that works seamlessly on mobile, tablet, and desktop devices.

2. CRUD Operations : Users can add, delete, modify, and view food items through a user-friendly interface.

3. Authentication System : Secure login and registration system with JWT authentication for protected routes.

4. Food Management : Detailed food item pages displaying food name, image, category, price, origin, and more.Purchase functionality with quantity checks and user-specific order tracking.

5. Gallery Page : Image gallery with user-submitted photos and feedback.Modal form for logged-in users to add their images and experiences.

6. Search and Filter : Advanced search functionality on the All Foods page.Optional server-side filtering and pagination for efficient data handling.

7. User Profile : User-specific pages for viewing added food items, managing orders, and adding new food items.

Images

Project Setup

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Chumki111/Restaurant-Management.git

2. Navigate to the project directory:

   cd Restaurant-Management

3. Install dependencies using npm or yarn:

   npm install
   # or
   yarn install

4. Create a .env file in the root directory and add necessary environment variables such as API keys, database URLs, etc.

5. Start the development server:

   npm run dev

6. Open http://localhost:5173 in your browser to view the application.

Server-Side Repository

The server-side code for this project is available in a separate repository. You can find it here: Server Repository

React Router

This project utilizes React Router for client-side routing. React Router is a powerful routing library for React applications, allowing navigation between different components without the need for page refreshes. For more information on React Router, refer to the official documentation.

Installation

To install React Router in your project, run:

npm install react-router-dom
# or
yarn add react-router-dom