A full-featured Swiggy-like food ordering web application, built using React, styled with Tailwind CSS, and architected with Redux Toolkit and React Router v6 for seamless state management and routing. This project demonstrates a production-level approach to building scalable, performant, and user-centric web apps with complex filtering logic, real-time UI updates, and dynamic API integration.
- 🍽️ Restaurant Listings – Pulls dynamic data from the Swiggy API using
fetchand Web APIs. - 🔍 End-to-End Filtering – Search and filter restaurants and menus based on category, rating, delivery time, offers, and more.
- 📦 Redux Toolkit Integration – Predictable and scalable global state management for cart, filters, and async calls.
- 🚀 React Router v6 – Fully routed Single Page Application with nested routing, 404 fallback, and route guards.
- 🎯 Tailwind CSS for Styling – Utility-first CSS with responsive design support and smooth transitions.
- 🛒 Add to Cart / Remove from Cart – Fully functional cart with quantity updates and local state sync.
- 📱 Mobile-Responsive – Clean UI/UX that scales perfectly across devices.
- ⚡ Optimized Performance – Lazy loading of components and route-based code splitting for better performance.
| Category | Tools Used |
|---|---|
| Frontend | React, Tailwind CSS |
| State Management | Redux Toolkit |
| Routing | React Router v6 |
| APIs | Web APIs (Swiggy Data or Mock API) |
| Build Tools | Vite / Webpack, Babel (your setup) |
| Deployment | Netlify / Vercel / GitHub Pages (if any) |
git clone https://github.com/sastrypantula/Swiggy-Clone.git cd swiggy-clone npm install npm run dev