Google Contacts FullStack Clone With HTML5+SASS+Javascript + Nodejs + Express.js + MySQL - Part 12

🌟 Exclusive Hosting Deal from Hostinger 🌟

Hostinger offers:
- Easy-to-use control panel
- 24/7 customer support
- 30-day money-back guarantee
- And more!

Don't miss out on this amazing offer. Click the link above to get started today! 🚀

---

In this video we achieved following targets:
Made search input functional and dynamic.
Made the labels list dynamic in sidebar and implemented full CRUD operations on it like get rows, delete, update and create.

Further you will learn following:

Source Code:

This is the complete playlist of this series:

====================
Chapters:
====================
00:00 Demo
01:58 Making search feature dynamic and functional
09:40 Search: Create REST API Endpoint in express to search for contacts
16:58 Search: Consuming search REST API Endpoint in the frontend and rendering HTML based on response from REST API
28:32 Making Labels Functional and Dynamic
30:28 Labels: Create "label" table to store labels
37:10 Labels: Consuming REST API endpoint GET "/label" in frontend and render HTML through Javascript by using the response.
47:09 Labels: Create Labels implementation in frontend and backend
1:00:26 Labels: Delete Label implementation
1:05:04 Edit Label: Prepare UI to update label and code refactoring to reuse the existing create-label-UI for updating purpose

======================

Other useful Courses:
Create WhatsApp Desktop UI Clone with Angular:

Todo App in Angular Material (Angular 8)

Please subscribe to my youtube channel from the link below:

============

The Best Hosting Company I use is Hostinger:

The Payment Platform I like is Payoneer:

#fullstackProject #javascriptCourse #fullStackCourse

[eversathish]

Can you please do more fullstack related projects..?