Skip to content

Latest commit

Β 

History

History
65 lines (54 loc) Β· 1.93 KB

File metadata and controls

65 lines (54 loc) Β· 1.93 KB

Swiggy Practice Frontend πŸ”

A Swiggy-like food ordering app clone built with React.js. This practice project covers essential frontend concepts and architecture.


πŸš€ Features

  • πŸ“‹ 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).

πŸ”§ Tech Stack

  • React.js – Frontend framework.
  • TailwindCSS– Utility-first CSS.
  • Git/GitHub – Version control.
  • Mocks – Simulated data for API responses.

πŸ“‚ Project Structure

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.