1. Create WhatsApp UI Clone using Angular 10 (Started work on sidebar)
In this web development tutorial I covered the following topics:
We will create a Clone of Whatsapp Web UI.
================
0:00 – Intro
0:48 – Setting up Github Repository
3:05 – Finding the Whatsapp design to follow for development
6:34 – Installing Angular
9:35 – Start the server and Creating a basic structure
26:26 – Creating Sidebar
28:59 – Create Structure of Header for sidebar
32:21 – Sidebar – Create section for 0 conversations
36:52 – Sidebar – Creating Search Box
43:05 – Sidebar – Adding Search Icon in the search bar
49:30 – Final Look
Github Source Code:
https://github.com/AyyazTech/Whatsapp-Clone-in-Angular/tree/0865222531df2c8ee55a7db46033f0e2972d3d6c
Other useful related videos you might want to watch:
Build simple angular material login form UI | Reactive Form Validation
How to use REST API in Angular 11? Simple HttpClient Tutorial
How to add Wysiwyg Editor in Angular with Quill.js 2021
Todo App in Angular 8 and Angular Material – Part 1 – Angular Tutorial
If you found my video useful, please don’t forget to share and subscribe to my channel. Also, click on the Bell button to get notifications of all of my upcoming videos in future.
Blog: https://www.ayyaztech.com
Create a DigitalOcean account using this link and get $50 FREE:
https://m.do.co/c/40a4f3245660
Create a Payoneer account from this link and earn $25:
https://bit.ly/2HbTXF2
=============
Blog: https://www.ayyaztech.com
Create a DigitalOcean account using this link and get $50 FREE:
https://m.do.co/c/40a4f3245660
Create a Payoneer account from this link and earn $25:
https://bit.ly/2HbTXF2
PLEASE SUPPORT MY CHANNEL BY HELPING ME REACH 1000 SUBSCRIBERS SO I CAN MONETIZE MY CONTENT: https://www.youtube.com/channel/UCL5nKCmpReJZZMe9_bYR89w?sub_confirmation=1
#whatsappClone #Angular
