3. Create WhatsApp UI Clone using Angular 10 (Started work on Chat)
In this web development tutorial I covered the following topics:
================
0:00 – Working on placeholder if the conversation is not selected yet
22:19 – Working on the chat component
29:34 – Chat Component – Creating basic layout using flexbox
31:32 – Chat – Component – Header layout
38:37 – Chat – Completing Footer Layout
You can find source code from this Github URL:
https://github.com/AyyazTech/Whatsapp-Clone-in-Angular/tree/d6cf1f45e3f0508dbe013839de8238c1f8e78fa4
Other parts of this series:
1. Create WhatsApp UI Clone using Angular 10 (Started work on sidebar)
2. Create WhatsApp UI Clone using Angular 10 (Completed Sidebar)
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 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 DigitalOcean account using this link and get $50 FREE:
https://m.do.co/c/40a4f3245660
Create 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