A modern, responsive web application for browsing menu items, managing cart, and placing orders at your local tea house.
🔗 Live Site: chai-mahfil.vercel.app
- Interactive Menu Browsing with category and price filters
- Advanced Cart Management with real-time updates and persistence
- Mobile-Responsive UI for seamless experience across all devices
- Smooth Animations powered by Framer Motion
- LocalStorage Integration to persist user sessions and cart
- Order Booking via Phone Call Integration
- User Geolocation Detection to suggest nearest branches
- Real-time Notifications for order updates and confirmations
- Clean, Modular Codebase using reusable components and Context API
- React.js – Frontend framework
- CSS Modules – Scoped styling
- Framer Motion – Animation library
- React Icons – Icon set
- Context API – State management
- localStorage – Client-side data persistence
Follow the steps below to run the project locally:
# Clone the repository
git clone https://github.com/AbdulAHAD968/LOCAL-CAFE.git
# Navigate to the project directory
cd chai-mahfil
# Install dependencies
npm install
# Start the development server
npm startchai-mahfil/
├── public/ # Static files
├── src/
│ ├── components/ # Reusable components
│ │ ├── Cart/ # Cart components
│ │ ├── FilterButtons/ # Filter components
│ │ ├── Header/ # Header component
│ │ └── MenuCard/ # Menu item card
│ ├── pages/ # Main pages
│ │ ├── Cart/ # Cart page
│ │ ├── Menu/ # Menu page
│ │ └── ... # Other pages
│ ├── plugNplay/ # Sample data
│ ├── App.js # Main app component
│ └── index.js # Entry point
├── package.json
└── README.md- Contributions are welcome! Follow these steps:
- Fork the project
- Create your feature branch:
git checkout -b feature/AmazingFeature- Commit your changes:
git commit -m 'Add some amazing feature'- Push to the branch:
git push origin feature/AmazingFeature- Open a Pull Request
- User authentication and profile management
- Admin dashboard for order and inventory tracking
- Online payment gateway integration
- Firebase/Socket.IO for live order updates
- PWA support for installable experience
This project is licensed under the MIT License. See the LICENSE file for details.
- React – Frontend framework
- Framer Motion – Animations
- Font Awesome / React Icons – Icons
- StorySet – Free vector illustrations
- Landing Page Image
- Landing Page CTA
- Mahfil Menu Image
- Menu Card Image
- Cafe Standards Image
- Order Cart Image
- Customer Reviews Image
