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

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.

Overview

Section 1: Introduction

Lecture 1 Creating the welcome page of the clone

Lecture 2 Firebase integration and google signin

Lecture 3 Creating sidebar in home page

Lecture 4 Creating chat page and sending message

Lecture 5 Phone input, phone number authentication, logout

Courses to increase and add skillsets in software development