🚀 Live Demo: 👉 https://ayushnandi718-dev.github.io/FOOD-WEBSITE/
Royal Cravings is a sleek, responsive, and interactive food ordering web interface designed to deliver a premium user experience.
The project replicates real-world food delivery platforms with a focus on clean UI, smooth interactions, and dynamic cart functionality — making it a strong frontend showcase project.
- 🛒 Dynamic Cart System – Real-time item updates
- 📱 Fully Responsive Design – Works across all devices
- 🎨 Modern UI/UX – Clean layout with smooth animations
- ⚡ Fast & Lightweight – Pure vanilla implementation
- 🧩 Modular Code Structure – Easy to scale and maintain
This project demonstrates:
- Building real-world UI components (cart, menu, sections)
- Managing state using JavaScript (cart logic)
- Creating responsive layouts using CSS Flexbox/Grid
- Designing user-focused experiences
- Structuring a project for scalability and readability
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 | Styling & Layout |
| JavaScript | Interactivity & Logic |
FOOD-WEBSITE/
│── index.html # Main structure
│── style.css # Styling
│── script.js # Logic & interactivity
│── data.json # Menu data
│── images/ # Assets
- Add items dynamically
- Auto UI update
- Structured for scalability
- Data-driven using JSON
- Easy to expand with more items
- Builds trust and realism
- Enhances UX
git clone https://github.com/your-username/FOOD-WEBSITE.git
cd FOOD-WEBSITEOpen index.html in your browser
- 🔐 Authentication system
- 💳 Payment integration
- 🌐 Backend (Node.js / Firebase)
- 📦 Order tracking
- 🔍 Search & filters
Ayush Nandi
This project showcases:
- Strong frontend fundamentals
- Ability to build real-world UI systems
- Clean and maintainable code practices
- Focus on user experience and design
If you found this project helpful or impressive:
👉 Give it a star ⭐ on GitHub