iamrahulmahato / master-web-development

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

📃: Add zomato clone #883

Closed Ankul8471 closed 1 day ago

Ankul8471 commented 1 week ago

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

🔴 Tech stack: HTML: Create the structure for the web pages (e.g., home, restaurant listings, food categories) CSS: Style the layout, make it responsive, and enhance the 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 Zomato food delivery platform using HTML, CSS, and JavaScript. The project will focus on replicating key features such as restaurant listings, search filters, and food category navigation, offering users an engaging UI that mimics a real-world food ordering platform.

🔴 Summary: In this project, we will build a basic clone of Zomato'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 multiple sections such as a navbar, food categories, restaurant cards, and a footer. Each restaurant card will display essential information like name, ratings, and type of cuisine.

CSS Styling: The CSS will focus on making the web application responsive, with a polished and user-friendly layout. We’ll also use CSS Grid/Flexbox to organize the cards and food categories into neat, interactive sections.

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

github-actions[bot] commented 1 day ago

Hello @Ankul8471! Your issue #883 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! 🚀

Ankul8471 commented 1 day ago

zom hello sir I have not received my point in hacktoberfest account please solve this