django-cotton, HTMX & Tailwind - Pagination and Filtering with Components in Django

Published: 29 August 2024
on channel: BugBytes

5,373

294

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

⭐Top resource to learn Python - https://datacamp.pxf.io/kOjKkV ⭐

In this video, we'll build a responsive page using Django and TailwindCSS, with django-cotton used to created template components where we can consolidate logical parts of our page.

We'll explore how to perform pagination and filtering using HTMX within this setup.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:19 Project setup
05:55 Car List component
10:11 Adding TailwindCSS & DaisyUI
11:23 Car Card component
14:07 Filter component
17:04 Pagination with HTMX
27:52 Adding filter with HTMX
43:26 Showing filters on mobile screens

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

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
Github: https://github.com/bugbytes-io/scot-w...
django-cotton: https://django-cotton.com/
Django Pagination: https://docs.djangoproject.com/en/5.1...
DaisyUI and Tailwind Install: https://daisyui.com/docs/cdn/

#python #django #webdevelopment