Django, HTMX and DaisyUI Components - Building a To-Do List App

In this video, we'll build a to-do list app with Django, HTMX and DaisyUI.

We'll walk through adding the model and form classes, as well as styling page elements with DaisyUI component classes.

We'll then learn how to submit data using HTMX, and how to update the DOM in response to those requests, again with DaisyUI components responsible for the styles. We will see how to mark to-dos as completed, and how to remove them from the database and front-end (with help from custom HTMX events).

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
00:43 DaisyUI
02:12 Creating Todo Django model class
04:06 Fetching and Displaying Todos
06:57 Adding TailwindCSS & DaisyUI
10:12 Adding DaisyUI Table component
11:21 Create Todo form class
13:29 Improving form styles with django-widget-tweaks
16:42 Adding HTMX to project
20:49 Creating partial template with django-template-partials
29:05 Marking to-do complete with HTMX
33:54 Deleting Todo with HTMX

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

▶️ Full Playlist:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#python #django #webdevelopment #htmx

[ibrahimyakupaydn]

Using Django, htmx in my recent project, this video helps me a lot. Good to know daisy UI. Thanks for the video.

[tharushapiyumal]

This is what all I needed... Django and HTMX 🖤

[ParhamSalamati]

This was properly tailored to give as much information as possible in ~40 minutes that exceeded my expectations on value vs time spent on a video! THANK YOU FOR DOING THIS!

[Alex-rjfo]

Thank you for your work, I do not miss your video with training Django and htmx

[onealoneal]

I really like the way you going straight forward to what we are expecting for from you when we read the titles of your videos.

Your work its just amazing!

[siddharthakhanal]

Thank you for your invaluable content! I've been a long-time viewer, learning so much from your videos. I'd greatly appreciate more Wagtail CMS tutorials, as there's a scarcity of quality content online. Your expertise would make a significant impact. Gratefully looking forward to it!

[krisvanhouten]

Dude, loved this content. I've been hearing a lot about HTMX lately, and have been wanting to learn Django/Python so this video was a nice starter.

[monorepo]

This was nice! Love DaisyUI.

Litestar, HTMX, DaisyUI when ;)

[ltcn]

this video is better than before, and can you add more form like django inlineform, incloude main form and tow or more subform, and subform can add more rows. crud in one page. Thank you make so many great videos!

[christopheanfry]

Very nice video but not very recommended to use cdn in production. The Django Tailwind package works very well!!! Have you tried it?

[ppdozqp]

Cool, nice to learn about tools and components that will make Django Templating alot easier and modern! Is there a similar UI library to create a dashboard? Maybe a more streamlined way to integrate ChartJS using alpine or hyperscript or something along those lines?

[hammoudamoujehed]

Wonderful video! Can you explain how to add the toast message for this exercise?

[ZodakZach]

Wow i literally am making my capstone project and my idea was to use django, with htmx, tailwind with daisyui like this exact setup but with postgreSQL for db. and then i came across this video and its already been done lol great minds think alike ig but yeah seems like a good tech stack.

[knwanze]

I've seen a similar pattern somewhere else for inserting the new to-do item in the list by using hx-swap: afterbegin or beforeend. My question is if you're updating the DB with a new list item is it not easier to just fetch all the to-dos and swap innerHTML with the partial of list items and call it a day? Or are there advantages to doing the other way?

[gabrielpasv]

Have you considering create a tutorial about django and multi tenancy ? Maybe with django-tenants package ? Thanks

[bakaresegun]

Can I I love you? Hope i am not bridging any moral? Bro, you are the best. I love you❤

[omaral-halabiah]

thanks very much for your efforts,
if we want to add "edit_todo" functionality to update tr inplace using htmx and template_partials, how we can do that ?

[amine]

Please, we need a tutorial about django All auth, it's a great solution and the good turotials like yours are missing.

[aman]

I still don't understand what Django extensions are used for?? Could you please explain to me

[htlcnn]

Could you please show how to add a Modal to confirm deletion? Thanks.