iamrahulmahato / master-web-development

Learn to code by building projects.
https://masterwebdevelopment.netlify.app/
MIT License
141 stars 358 forks source link

📃: Add Swiggy clone #1255

Closed Ankul8471 closed 4 days ago

Ankul8471 commented 1 week ago

🔴 Title: Swiggy Clone: Building a Food Delivery Web Application with HTML, tailwind CSS, and JavaScript

🔴 Tech stack:

HTML: Structure web pages (e.g., homepage, restaurant listings, food categories) CSS: Style the layout, ensure responsiveness, and improve visual appeal JavaScript: Add interactivity (e.g., search functionality, dynamic filtering, user interactions) 🔴 Objective: The objective of this project is to create a simplified clone of the Swiggy food delivery platform using HTML, CSS, and JavaScript. The project will replicate key features such as restaurant listings, search filters, and food category navigation, offering users an engaging UI similar to a real-world food ordering platform.

🔴 Summary: In this project, we will build a basic clone of Swiggy's web interface. The homepage will feature a list of popular restaurants, categories (e.g., Breakfast, Lunch, Dinner, Desserts), and a search bar. Users will be able to search for restaurants, filter by food categories, and view restaurant details dynamically.

The project will include:

HTML Structure: We'll create sections like a navbar, food categories, restaurant cards, and a footer. Each restaurant card will display essential information such as name, ratings, and cuisine type.

CSS Styling: The CSS will make the web app responsive and visually appealing, with a clean and user-friendly layout. We’ll use CSS Grid/Flexbox to organize restaurant cards and food categories into well-structured sections.

JavaScript Functionality: JavaScript will manage the search and filtering system. Users will be able to type in the search bar to filter restaurants by name, or click on food categories to dynamically display relevant restaurants.

github-actions[bot] commented 4 days ago

Hello @Ankul8471! Your issue #1255 has been successfully closed. ✅ Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀