Hey, everyone! 🎄 Merry Christmas and Happy New Year 2025. 🎄
This is the last tutorial for 2024 🎄
In this tutorial, we’ll create a fully functional, dynamic Todo App using FastAPI and HTMX—all server-rendered, no heavy JavaScript required! 🚀
🫵 What You’ll Learn:
✅ How to set up a FastAPI project with Jinja2 templates.
✅ Creating interactive server-rendered components with HTMX.
✅ Implementing CRUD operations for a Todo app.
⏰ Timestamps:
00:00 Merry Christmas Happy New Year 2025
00:30 Introduction
00:39 FastAPI
01:38 HTMX
04:30 Checking Nodejs and NPM versions
05:18 Install HTMX
05:32 What you will learn ?
06:54 Get ready with your cup of coffee
07:44 Build the backend with FastAPI
20:28 Write the UI in index.html
21:38 Back and Forth between Backend and UI
34:44 Adding styles with Simple CSS
35:39 Add more CRUD operations
55:57 Testing the App
58:35 Outro and Bye 2024
😉 What Makes This Tutorial Special:
FastAPI: A high-performance Python web framework perfect for building APIs.
HTMX: A lightweight JavaScript library that allows dynamic web pages without writing JavaScript.
We’ll dive deep into building a seamless backend and frontend integration, showing you how to leverage HTTP methods like GET, POST, PUT, and DELETE for powerful interactivity. Whether you're fetching data, submitting forms, or updating UI components dynamically, this tutorial has got you covered.
Your likes, comments, and shares go a long way in helping more people discover this content—so keep them coming!
If you’d like to support the channel even more:
🎗️ Become a member: Join @BekBrace
☕ Buy me a coffee: https://ko-fi.com/bekbrace
𝕏: https://twitter.com/BekBrace
IG: https://www.instagram.com/bek_brace/
🔗 Source Code: https://github.com/BekBrace/htmx-fastapi-todo
🌟 Perfect for beginners and intermediate developers exploring modern full-stack development!