Рет қаралды 22,283
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:
codepen.io/bradtraversy/pen/o...
20 Projects Course:
www.traversymedia.com/20-Vani...
Vanilla Projects Repo:
github.com/bradtraversy/vanil...
Blog Post:
www.traversymedia.com/blog/pr...
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