A Swiggy Live API Clone built using React that replicates real-world food browsing and ordering workflows. The project focuses on performance optimization, scalable state management, and a fully responsive UI.
- Frontend: React, JavaScript (ES6+)
- State Management: React Hooks, Context API
- Styling: CSS
- API Handling: Fetch API
- Deployment: Vercel
- 🔹 Integrated 10+ live API endpoints to simulate real-world Swiggy workflows
- 🔹 Restaurant & food listing with dynamic data rendering
- 🔹 Optimized API handling reducing data fetch latency by ~30%
- 🔹 Efficient state management using React Hooks + Context API
- 🔹 100% responsive design for mobile, tablet, and desktop
- 🔹 Smooth UI updates even under frequent data refresh
- 🔹 Hosted on Vercel with ~99.9% uptime
- 🔹 Tested under 500+ concurrent user simulation
- Clone the repository
git clone https://github.com/anchal-dev/Swiggy-clone.git
Navigate to the project directory
bash
cd Swiggy-clone Install dependencies
bash Copy code npm install Start the development server
bash
npm start Open http://localhost:3000 in your browser 🎉
🚀 Performance Highlights Reduced unnecessary re-renders using optimized state flows
Efficient API calls to improve perceived speed
Scalable component-based architecture
📌 Future Improvements Add authentication & user profiles
Implement cart & checkout flow
Improve error handling & loading states
Add search & filter optimizations
🙌 Acknowledgements This project is inspired by Swiggy’s UI & workflows and is built for learning and educational purposes only.
👤 Author Anchal Gupta 🔗 GitHub: https://github.com/anchal-dev