34 C

2. Create WhatsApp UI Clone using Angular 10 (Completed Sidebar)

2. Create WhatsApp UI Clone using Angular 10 (Completed Sidebar)
In this web development tutorial I covered following topics:
0:00 – Recap
1:20 – Improving the search box
5:25 – Setting up the prettier formatter for VS Code to auto format on save
8:29 – Refactoring the code by splitting code in components with Angular Cli
14:07 – Installing Angular Language Service extension for VSCode
16:47 – Completing Sidebar Header
37:38 – Starting work on Sidebar Content
1:01:45 – Making list of conversation in html dynamic by using array in typescript class
1:15:04 – Adding icons for delivered and read status
1:19:07 – Final Look

You can find the source code from this Github Url:

If you did not watch the first part then please watch it from this link:
1. Create WhatsApp UI Clone using Angular 10 (Started work on sidebar)

3. Create WhatsApp UI Clone using Angular 10 (Started work on Chat)

4. Create WhatsApp UI Clone using Angular 10 (Completed Chat)

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 then please don’t forget to like, share and subscribe 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 DigitalOcean account using this link and get $50 FREE:

Create Payoneer account from this link and earn $25:

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

- Advertisement -spot_img

More articles


Please enter your comment!
Please enter your name here

Latest article