Royal Bites - Restaurant Management Website

Created by Mirul Moktadir Khan

• This is a simple client side Restaurant Management Website where you can add food name, details, image, quantity , price and many more. You can add or edit your foods anytime. You can view the food details by clicking details button. You can order food that is added by others that will reduce the total quantity of food and cancel them anytime. A gallery page is built where one can see a collection of food images, and clicking them will make them bigger in screen.
• However, some of the routes are private, you have to register or log in for that. Backend is based on Node JS, Mongo DB, express JS. Firebase is used for user authentication and JWT Token. One can log in or register him or herselft with gmail, and email and password. Simply, reset password option was also explored. One can register with name and photo also.

🛠️ Technologies Used

🖥️ Frontend

• ⚛️ React – For building the user interface
• ⚡ Vite – For fast development and build tool
• 🎨 Tailwind CSS – For styling
• 🔗 React Router – For client-side routing
• 📦 npm – For managing dependencies

🗄️ Backend

• 🌐 Node.js – JavaScript runtime environment for server-side code
• 🧰 Express.js – Minimal and flexible Node.js web application framework
• 🍃 MongoDB – NoSQL database for storing application data

✨ Main Features

• Add or edit foods.
• Dedicated secton for top selling foods.
• Search option for searching food.
• JWT implemented using firebase Token.
• Quantity reduce when food is ordered.
• Food Ordering and canceling.
• Gallery of Image as slideshow.
• Several packages are used, fallbacks are implemented.
• Added basic animation from motion library.
• Firebase email authentication and log in.
• Fully responsive.

⚙️ Dependencies Used -

React-Router Tailwind-CSS DaisyUI Lottie-React React-Toastify React-Icon Firebase Motion Yet Another React Lightbox Moment.js React-Slick

🧑‍💻 How to Run This Project Locally

To run this project on your local machine, follow the steps below:

📁 1. Clone the Repository

• Use bash/powershell/cmd (any you want) - git clone https://github.com/moktadir-mirul/royal-bites-client

📂 2. Navigate to the Project Directory

cd your-repo-name

📦 3. Install Dependencies

npm install

🔥 4. Start the Development Server

npm run dev

-The app should now be running at http://localhost:5173

✅ Make sure you have Node.js and npm installed on your machine.

Live Link - https://royal-bites-restaurant.web.app/

Server Link - https://royal-bites-rest-server.vercel.app/, All Foods - https://royal-bites-rest-server.vercel.app/foods, Food Orders - https://royal-bites-rest-server.vercel.app/foodOrders