Tailwind & JavaScript Project - Products Filtering UI

In this project, we will create a product list using Tailwind CSS, and we will add filtering and add-to-cart functionality with JavaScript. Code: 20 Projects Course: Vanilla Projects Repo: Blog Post: 0:00 - Intro 2:02 - Start The HTML 4:35 - Navbar / Search Area 9:00 - Main Products & Categories Area 14:26 - Hardcode HTML Items 19:30 - Start The JavaScript 20:25 - Select DOM Elements & Init 22:42 - Loop Over Products & Create Elements 27:53 - Refactor To Function 29:22 - Update Cart Item Count 35:23 - Filter Products
Back to Top