Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React - The Complete Guide-Zomato website clone
3 students

React - The Complete Guide-Zomato website clone

Zomato clone React JS project
Last updated 2/2024
English

What you'll learn

  • Can create different website clones
  • Improve skills in Typescript, Tailwind CSS
  • Will help you to add new project to the resume
  • Will help you to learn front end web development

Course content

1 section5 lectures2h 31m total length
  • Part 1 Login page design15:32
  • Part 2 Sign up page design and google authentication28:12
  • Part 3 Phone authentication, Route, Navbar46:24
  • Part 4 Product Card, Menubar, Fetch data from Api27:09
  • Part 5 Final part34:31

Requirements

  • You should have basic knowledge in React JS
  • Need a basic knowledge in Html, CSS, Javascript

Description

In this Tutorial, we will explore the exciting world of building a Zomato clone using React.js. Follow along as we dive into the step-by-step process of creating a fully functional Zomato application with features such as login, listing restaurants, logout. Gain a deeper understanding of React.js concepts, component structure, and state management while honing your web development skills. Get ready to level up your coding abilities with this engaging and comprehensive tutorial!

The tools that are used in this tutorial is React JS, Tailwind CSS and firebase. Firebase is used for backend and as database. I have included almost all the functionalities of Zomato website. Sign in page is the first page that is creating in this tutorial. Then next firebase authentication is used for integrate google authentication with the clone. After that navbar, menu bar, home section,  and detail section is creating. After that firebase database is used. A logout button is also integrated in the Navbar section. Profile picture will updated automatically. Whenever we open the website we can see the welcome page which contains the list of cities. After selecting the city we will be redirected to the home page which contains the list of Restaurants based on the particular city that we have selected.

Who this course is for:

  • Course is for someone who is looking for new job as a web developer
  • Course is for someone who is looking to know about or trying to learn typescript, tailwind CSS, firebase and react JS
  • This course is useful to everyone who is looking forward on improving web development