A Swiggy-like food ordering app clone built with React.js. This practice project covers essential frontend concepts and architecture.
- π Restaurant Listings β Browse restaurants, categories, and menus.
- π Cart Functionality β Add/remove items and view cart details.
- πΊ Restaurant Cards & Details β Beautiful UI components to showcase restaurant info.
- π¦ Reusable Components β Clean separation of concerns with reusable pieces.
- β‘ Mock API / Data β Simulate fetching data with mock data structures.
- π§© Error Handling β Basic error pages and fallback UIs.
- π¨ Responsive UI β TailwindCSS for styling (if applicable).
- React.js β Frontend framework.
- TailwindCSSβ Utility-first CSS.
- Git/GitHub β Version control.
- Mocks β Simulated data for API responses.
Swiggy-Practice-Front/ βββ src/ β βββ component/ β β βββ About.js β β βββ Body.js β β βββ Cart.js β β βββ Contact.js β β βββ Error.js β β βββ Footer.js β β βββ Grocery.js β β βββ Header.js β β βββ ItemList.js β β βββ RestaurantCategory.js β β βββ RestaurantMenu.js β β βββ RestaurantCard.js β β βββ Shimmer.js β β βββ User.js β β βββ UserClass.js β β βββ mocks/... β β βββ tests/... β βββ config.js β βββ sum.js β βββ assets/ β βββ utils/ βββ .gitignore βββ package.json βββ tailwind.config.js (if using Tailwind) βββ README.md
π€ Contributing Contributions are welcome! Steps: Fork the repo. Create a feature branch: git checkout -b feature/YourFeature. Commit changes: git commit -m 'Added feature'. Push: git push origin feature/YourFeature. Open a Pull Request.