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-WhatsApp website clone
1 students

React - The Complete Guide-WhatsApp website clone

WhatsApp clone React JS project
Last updated 1/2024
English

What you'll learn

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

Course content

1 section5 lectures2h 35m total length
  • Creating the welcome page of the clone20:26
  • Firebase integration and google signin9:12
  • Creating sidebar in home page38:03
  • Creating chat page and sending message43:18
  • Phone input, phone number authentication, logout44:13

Requirements

  • You should have basic knowledge in React JS

Description

In this Tutorial, we will explore the exciting world of building a WhatsApp clone using React.js, Material UI, Firebase. Follow along as we dive into the step-by-step process of creating a fully functional messaging application with features such as Login, sending messages, viewing messages. 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!

This course consist of  5 videos. The tools that are used in this tutorial is React JS, material UI and firebase. Firebase is used for backend and as database. I have included almost all the functionalities of WhatsApp website. Sign in page or the welcome 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 Sidebar, home page, messaging page is creating. After that firebase database is used for sending message to the user.  A logout button is also integrated in the home page. Beyond google authentication login phone authentication is also included. Only intermediate knowledge on React JS and Javascript is required to complete this project.

Who this course is for:

  • Courses to increase and add skillsets in software development