FoodiesHub is a fully responsive, modern food ordering platform built for high performance and seamless user experience. It features a dynamic menu, localized shopping cart persistence, and a sleek dark-mode interface.
- Dynamic Menu: Filter items by category (Pizza, Burgers, Desserts) and search in real-time.
- Persistent Shopping Cart: Items stay in your cart even if you refresh the page using
localStorage. - User Authentication: Fully functional Login and Registration flow with session management.
- Dark Mode: A smooth, eye-pleasing dark theme toggle that remembers your preference.
- Responsive Design: Optimized for Mobile, Tablet, and Desktop using CSS Grid and Flexbox.
- HTML5: Semantic structure for SEO and accessibility.
- CSS3: Custom properties (variables), Glassmorphism, and high-end animations.
- JavaScript (Vanilla): Logic for the cart, theme switching, and menu filtering (no external frameworks required).
This project was developed by a dedicated group of 5 visionaries:
| Member Name | Role | Responsibility |
|---|---|---|
| Muzzammil | Project Lead | Architecture & Dark Mode Logic |
| Nehal | Frontend Developer | Menu System & Search Functionality |
| Faisal | UI/UX Designer | Animations & Responsive Base CSS |
| Hammad | Logic Specialist | Cart Persistence & Calculations |
| Zulfiqar | Quality Assurance | Auth Flow & Form Validations |