Welcome to Master Chef, a modern and efficient food restaurant management website designed to simplify operations and enhance customer satisfaction.
- Manage menus and track orders efficiently.
- Control inventory and optimize stock levels seamlessly.
- Streamline staff management for better workflow.
- Enhance customer satisfaction with easy-to-use tools for restaurant owners and users alike.
- Technologies Used
- Features
- Installation
- Configuration
- Usage
- Dependencies
- Live Demo
- Contributors
- License
- Frontend Framework: React
- Styling: Tailwind CSS, Daisy UI
- State Management: Context API
- Authentication & Security: Firebase, JWT
- Other Libraries:
- React Hot Toast (notifications)
- SweetAlert2 (alert dialogs)
- React Helmet (dynamic titles)
- React Tooltip (tooltips)
- Axios (API handling)
- Lottie React (animations)
- 🔹 Register and log in using Google authentication
- 🔹 Add, update, or remove products
- 🔹 Browse available food products and search by keyword
- 🔹 Toggle between dark and light modes
- 🔹 View detailed information about each product
- 🔹 Seamless product purchasing experience with "View Details"
- 🔹 User logout functionality
-
Clone the Repository:
git clone <your-repo-link> cd restaurant-management-client
-
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
Set up environment variables by creating a .env file in the root directory and adding the following values:
VITE_apiKey=your-api-key
VITE_authDomain=your-auth-domain
VITE_projectId=your-project-id
VITE_storageBucket=your-storage-bucket
VITE_messagingSenderId=your-messaging-sender-id
VITE_appId=your-app-id1️⃣ Users: Browse and purchase food items easily.
2️⃣ Admins: Manage restaurant inventory, orders, and users.
axios^1.7.9→ HTTP client for API requestsfirebase^11.1.0→ Authentication and databaselocalforage^1.10.0→ Offline storagelottie-react^2.4.0→ Animationsmatch-sorter^8.0.0→ Sorting and filteringmoment^2.30.1→ Date and time manipulationmotion^11.15.0→ Animations and transitionsreact^18.3.1→ Core React libraryreact-dom^18.3.1→ React DOM renderingreact-helmet^6.1.0→ Dynamic title and metadata handlingreact-hot-toast^2.4.1→ Toast notificationsreact-lottie^1.2.10→ Lottie animationsreact-router-dom^7.1.0→ Navigation and routingsort-by^1.2.0→ Sorting helpersweetalert2^11.15.3→ Alerts and modalsyet-another-react-lightbox^3.21.7→ Image lightbox
@eslint/js^9.17.0→ ESLint configuration@types/react^18.3.17→ TypeScript support for React@types/react-dom^18.3.5→ TypeScript support for React DOM@vitejs/plugin-react^4.3.4→ React plugin for Viteautoprefixer^10.4.20→ CSS autoprefixingdaisyui^4.12.22→ UI component libraryeslint^9.17.0→ Linting for JavaScripteslint-plugin-react^7.37.2→ ESLint rules for Reacteslint-plugin-react-hooks^5.0.0→ ESLint rules for hookseslint-plugin-react-refresh^0.4.16→ ESLint support for React Fast Refreshglobals^15.13.0→ Shared global variablespostcss^8.4.49→ CSS transformationstailwindcss^3.4.17→ Utility-first CSS frameworkvite^6.0.3→ Frontend development build tool
🔗 Explore the live application here: Master Chef
This project is licensed under the MIT License.