varun8177 / zomato-clone

Zomato clone provides users with a convenient and reliable solution for finding restaurants and ordering food online.

• 🌱 I’m currently learning Full Stack Web Development

• 👨‍💻 All of my projects are available at https://varun8177.github.io/

• 💬 Ask me about react

• 📫 How to reach me [email protected]

• 📄 Know about my experiences here

Connect with me:

Languages and Tools:

 

zomato-clone's Issues

Home Page - Design

Clone the Zomato home page UI

• Decide a logo for the Project.
• Create a Navbar and Footer component which will be the same for all the pages.
• Use dummy images to create the UI for better visualization.

storage

• user bookmarks should be stored in a database.
• user orders should be stored in a database.
• create a page to show bookmarks and orders of a user

Data based on location

• User should be able to get the restaurant's data based on location.
• User should be able to get the nightclub data of the location selected with details and images.

User Location

• User should be able to get his live location.
• location coordinates should be added as query parameters
• Navigation should be dynamic based on the location

Check-Out

• Should have an address page with form validation.
• should have a payment success page after the order.

Profile Page - Design

Profile section for the user.

• Should contain details like name, photos, and followers.
• Activity section for reviews, recently viewed, and bookmarks.
• Order section for order history.
• Responsive design.

Checkout Zomato profile page for design ideas

Single Product Page - Design

Order Page

• Specific Product Details.
• Bookmark and share option.
• Overview section.
• Review section for product reviews.
• Order product option

Use dummy data for creating the page

Navbar - Design

Implement a global navbar for the project

• Add modals like login and signup in the navbar.
• Should be responsive.
• Add it globally on every page.

User Authentication

• Create a sign-up method for the user
• Implement sign-in using Google popup.
• store the user data
• username and profile image should be visible on the navbar

Products Page - Design

Products page for Zomato clone.

• Should have a search bar.
• Filter and sort method designs (use any dummy text for designing purposes).
• should have a slider for displaying some recommended filters with images.
• Display some dummy top brands.
• Create reusable product card components for products.

Footer - Design

Create a global Footer for the project.

• Responsive Design.
• Should have some social links to the project.
• Design should match the original Zomato site.
• Should be present on all pages