Django-Unicorn - Building a Shopping Cart Component

In this video, we'll build a shopping cart component using django-unicorn - a reactive component-based package for enhancing your Django applications with interactive features.

We will build Django models, and a Unicorn Component containing all the functionality for a simple shopping cart.

Starter code is available here: https://github.com/bugbytes-io/django...

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:40 Creating Django models
04:34 Populating database with products
05:12 Rendering products in template
07:30 Setting up Django-unicorn
11:46 Defining django-unicorn component class
15:09 Adding Products to Cart
19:52 Styling the Cart Items
20:25 Calculating Price with Model Property
21:40 Displaying Cart Total Value
24:17 Removing Items from Cart

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://www.bugbytes.io/posts/
👾 Github: https://github.com/bugbytes-io/django...
🐦 Twitter:   / bugbytesio  

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
django-unicorn: https://www.django-unicorn.com/docs/
django-unicorn actions: https://www.django-unicorn.com/docs/a...
F Expressions: https://docs.djangoproject.com/en/4.0...
Python property: https://docs.python.org/3/library/fun...

#python #django