https://github.com/maahi-hue/bistroboard
The goal of this project is to create a functional and visually appealing restaurant management platform. It allows users to browse food items, place orders, and manage their purchases effectively.
https://github.com/maahi-hue/bistroboard
firebase mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
The goal of this project is to create a functional and visually appealing restaurant management platform. It allows users to browse food items, place orders, and manage their purchases effectively.
- Host: GitHub
- URL: https://github.com/maahi-hue/bistroboard
- Owner: maahi-hue
- Created: 2025-01-11T08:45:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-11T08:54:00.000Z (over 1 year ago)
- Last Synced: 2025-07-10T13:27:00.160Z (12 months ago)
- Topics: firebase, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://assignment-11-f04f9.web.app
- Size: 56.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍽️ Restaurant Management Website
## 🛠️ Purpose
The goal of this project is to create a functional and visually appealing restaurant management platform. It allows users to browse food items, place orders, and manage their purchases effectively. This project demonstrates:
- **CRUD operations**
- **Dynamic data rendering**
- **Interactive UI/UX elements**
---
## 🌐 Live URL
[**Visit the Live Website**](https://assignment-11-f04f9.web.app)
---
## 🚀 Features
### 1️⃣ **Gallery Page**
- A visually stunning gallery showcasing high-quality food images.
- Integrated with an interactive **lightbox feature** for better image viewing.
### 2️⃣ **Order Management**
- Users can:
- View their current orders.
- Delete items from their orders.
- Update purchase counts dynamically.
### 3️⃣ **Dynamic Data Handling**
- Data is fetched and displayed in real-time from **MongoDB** using REST APIs.
- Ensures seamless interaction between frontend and backend.
### 4️⃣ **Interactive Design**
- Responsive and user-friendly navigation for an excellent experience on all devices.
- Engaging animations and smooth transitions enhance the UI/UX.
### 5️⃣ **Secure Operations**
- Protect sensitive routes and ensure secure data handling using **environment variables**.
- Implements modern security practices to safeguard user data.
---
## 🛠️ Technologies Used
This project utilizes modern and reliable technologies to deliver high performance and a seamless user experience:
### **Frontend**
- 
- 
### **Backend**
- 
- 
### **Database**
- 
### **Version Control & Deployment**
- 
- 
- 
---
## 📦 npm Packages Used
Here are the primary npm packages leveraged in this project:
- **[axios](https://www.npmjs.com/package/axios)**: For efficient and reliable HTTP requests.
- **[moment](https://www.npmjs.com/package/moment)**: To handle and format dates and times effortlessly.
- **[sweetalert2](https://www.npmjs.com/package/sweetalert2)**: For beautiful, customizable alert messages.
- **[react-icons](https://www.npmjs.com/package/react-icons)**: To include high-quality icons in the user interface.
- **[yet-another-react-lightbox](https://www.npmjs.com/package/yet-another-react-lightbox)**: For an engaging lightbox feature on the Gallery Page.
- **[dotenv](https://www.npmjs.com/package/dotenv)**: To securely manage environment variables.
---
## 💻 How to Run the Project
Follow these steps to clone and run the project locally:
### 1️⃣ Clone the Repository
```bash
git clone
2️⃣ Navigate to the Project Directory
bash
cd restaurant-management-website
3️⃣ Install Dependencies
Make sure you have Node.js installed. Then run:
bash
npm install
4️⃣ Set Up Environment Variables
5️⃣ Start the Development Server
bash
npm start