https://github.com/mohamedhesham221/restaurant-dashboard
restaurant management system designed specifically for meat-focused dining establishments with real-time dashboard, order management, and analytics.
https://github.com/mohamedhesham221/restaurant-dashboard
eslint firebase mui-material prettier react-hook-form react-router-dom reactjs recharts restaurant-management restaurant-website tanstack-react-query toolpad-core vite website zustand
Last synced: 3 months ago
JSON representation
restaurant management system designed specifically for meat-focused dining establishments with real-time dashboard, order management, and analytics.
- Host: GitHub
- URL: https://github.com/mohamedhesham221/restaurant-dashboard
- Owner: mohamedhesham221
- License: mit
- Created: 2025-05-25T14:38:06.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-11-28T18:39:57.000Z (7 months ago)
- Last Synced: 2025-11-30T22:38:32.996Z (7 months ago)
- Topics: eslint, firebase, mui-material, prettier, react-hook-form, react-router-dom, reactjs, recharts, restaurant-management, restaurant-website, tanstack-react-query, toolpad-core, vite, website, zustand
- Language: JavaScript
- Homepage: https://restaurant-dashboard-ten.vercel.app
- Size: 7.43 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Butcha Restaurant Dashboard
A comprehensive restaurant management system designed specifically for meat-focused dining establishments with real-time dashboard, order management, and analytics.
## Features
- 🔒 **Secure Authentication** using Firebase Auth with role-based access
- 🔒 **Secure Routes** secure specified routes if visitor did not login
- 🍖 **Meals Management** complete CRUD operations for meat dishes (add, update, delete)
- 📋 **Reservations Management** table booking system with CRUD operations (add, update, delete, view)
- 📊 **Orders Management** comprehensive order handling (create, update, cancel, track status)
- 📈 **Analytics Dashboard** with sales reports and charts using Recharts
- 🔄 **Real-time Updates** with Firestore and TanStack Query
- 📱 **Responsive Design** works perfectly on all devices
- 🏷️ **Meta Tags Control** dynamic website title changes when navigating between pages
## 🧪 Demo Access
If you'd like to explore the dashboard, you can log in using the demo account below 👇
📧 **Email:**
🔑 **Password:** Demo2025
> ⚠️ This is a *read-only demo account.*
> If you wish to test full functionality, please contact me for a temporary admin account.
## Pages & Components
| Page/Component | Description |
|---------------|-------------|
| **Home Page** | Landing page with restaurant overview and featured meals |
| **About Page** | Restaurant story, mission, and team information |
| **Contact Page** | Contact information, location map, and inquiry form |
| **FAQ Page** | Frequently asked questions and customer support |
| **Menu Page** | Complete meat dishes catalog with categories and pricing |
| **Dashboard** | Admin/staff panel for restaurant management and analytics |
| **Login Page** | Secure authentication for customers and staff |
| **Register Page** | New user registration with email/password validation |
| **Forget Password Page** | Password reset functionality for users |
| **Customer Data Form** | Customer profile management and personal information |
| **Reservation Page** | Table booking system with date/time selection |
| **Cart Page** | Order summary, item management, and checkout process |
| **Not Found (404)** | Custom error page for invalid routes |
## Tech Stack
**Frontend:**
- React.js 18+
- Vite (Build tool)
- Material-UI (MUI) v5
- TanStack Query (v4+)
- React Router v6
- React Hook Form
- Zustand (State Management)
- Recharts (Analytics)
**Backend Services:**
- Firebase Authentication
- Firestore Database
- ImgBB image Storage
**UI & Styling:**
- Material-UI Components
- MUI Icons
- Responsive Grid System
## Screenshots
## 🚀 Live Preview
Check out the live version here: [Restaurant Dashboard](https://restaurant-dashboard-ten.vercel.app/)
## 📂 Folder Structure
```
restaurant-dashboard/
├── node_modules
├── public
├── src/
│ ├── assets
│ ├── components/
│ │ ├── home
│ │ ├── about
│ │ ├── menu
│ │ ├── faq
│ │ ├── reservation
│ │ ├── dashboard
│ │ ├── login
│ │ ├── contact
│ │ └── customer
│ ├── hooks
│ ├── layouts
│ ├── pages
│ ├── store
│ ├── firebase
│ ├── utils
│ ├── App.css
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── index.html
├── package.json
├── package-lock.json
├── eslint.config.js
├── vite.config.js
├── .gitignore
└── README.md
```
## 👨💻 Author
[](https://www.linkedin.com/in/your-profile/)
[](mailto:your.email@gmail.com)
## ⭐ Show your support
Give a ⭐️ if this project helped you!