This is a solution to the WhatsApp Web Clone. Learned it from Clever Programmer Youtube Channel.
Table of contents
Users are able to
- Sign in with Google Authentication.
- Users can add rooms like whatsapp groups.
- all the other user can see your chat and can chat with you(will fix this in future like actual whatsapp)
- Users can delete the room.
- Its whatsapp web clone so for better results try it on desktop or laptop.
- Users can log out.
|
|
-
HTML using BEM naming convention
-
SCSS (css preprocessor)
-
Flexbox
-
CSS Grid
-
React - JS library
-
Vite - Next Generation Frontend Tooling
-
Firebase - For Backend (Authentication, Database, Hosting)
This challenge was a great learning opportunity, I learned the react context for complex state management and also I discoverd Firebase features like Google Auth and Firestore Database.