React - The Complete Guide-Whatsapp Website Clone

[nieriorefasow63]

React - The Complete Guide-Whatsapp Website Clone

Published 2/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.69 GB | Duration: 2h 35m


WhatsApp clone React JS project

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

HOMEPAGE

[To see links please register or login]

DOWNLOAD

[To see links please register or login]