A fully responsive, dynamic food ordering website built with React.js. Users can browse meals, search/filter dishes, manage their cart, and enjoy light/dark mode — all wrapped in a modern, mobile-friendly UI.
- ✅ Add to Cart – Add any item to your cart with one click.
- ➕➖ Adjust Quantity – Increase or decrease item quantity inside the cart.
- ❌ Remove Items – Easily remove unwanted items from the cart.
- 🛒 Cart Summary – View the total and see your selected items.
- 🔍 Search & Filter – Instantly find your favorite food items.
- 🌗 Dark/Light Mode – Toggle between themes (stored in localStorage).
- 📱 Responsive Sidebar – Optimized for mobile with smooth sidebar UX.
- ⚛️ Context API – Lightweight global state management.
- 🎨 Vanilla CSS – Clean and efficient styling, no frameworks.
- 🎭 React Icons – Polished UI with meaningful icons.
- 🔤 Google Font (Outfit) – Sleek, modern typography.
| Tech | Usage |
|---|---|
| React.js | Core frontend framework |
| Context API | State management |
| Vanilla CSS | Custom styling |
| React Icons | Icon library |
| Google Fonts | For beautiful typography |
| LocalStorage | Persist theme preference (light/dark) |
Clone this repo and run it locally:
git clone https://github.com/NomanKhial/-restaurant-react-js-app.git
npm install
npm run devIntegrate backend (e.g., Firebase / Express)
Implement payment gateway
Show order history
Add animations with Framer Motion
🧑💻 Author Noman — Computer Science Student & Full Stack Dev Connect with me on LinkedIn | Portfolio -> Comming Soon
📜 License