Pure Python: Build a full stack ChatGPT-like UI. Reflex, Neon Postgres. Deploy with Docker to a VM

Topics:
✅ Full Stack Web Development in Pure Python with Reflex
✅ Integrate Neon Database with Reflex
✅ Seamless integration with frontend and backend
✅ Using SQLModel and Reflex's built-in support for database sessions
✅ Experiment with Neon database branching before changing production db
✅ Integrate Reflex with OpenAI to get ChatGPT-like responses
✅ Store all chat and chat messages in Neon Postgres
✅ Deploy Reflex to a Production Virtual Machine
✅ Use GitHub Actions to build a Python+Reflex Docker Container
✅ Use GitHub Actions to Deploy Containers directly to VMs
✅ Provision a Linode Virtual Machine
✅ Basics of using SSH with Ansible to Automate Configuration
✅ And much more!

Chapters
00:00:00 Welcome
00:02:04 Demo
00:05:26 Python Environment and Reflex App Setup
00:08:59 VSCode + Git
00:10:47 New Page and URL Routing
00:14:58 A Component for Layout
00:19:03 Simplify App Structure
00:23:58 Reflex Docs Recipes
00:28:55 Identify Rendered Components in HTML
00:34:32 Navigation Links & Routes
00:38:24 Handling Click Events with Reflex State
00:43:47 Chat Component and Routing
00:46:51 Creating a Form
00:52:49 Conditionally Render Success Message
00:56:32 Timeout Delays with Reflex State
00:58:37 Storing Chat Messages in Memory
01:02:42 Render the Chat Messages
01:09:21 Adding Intelligence to Our Bot with OpenAI
01:22:28 Integrate Reflex with Neon Postgres
01:27:09 Creating a Database Table with Reflex
01:35:47 Your First Database Migration
01:42:46 Adding Data into the Database
01:46:42 Neon Branching for Major Database Migrations
01:52:20 Related Database Table Model
01:59:36 Create DB-stored Chat Sessions
02:07:25 Storing Chat Messages on Neon
02:14:03 Button for New Chat Session
02:17:25 Handling Dynamic URL Routes
02:24:04 Load Stored Chat Session from the Database
02:30:52 Loading Chat Session Messages from the Database
02:35:14 Resetting Reflex State Values
02:42:22 Adding the Dockerfile
02:50:41 Build & Push Docker Containers with GitHub Actions
03:08:06 Using One-Off SSH Keys for Virtual Machines
03:22:36 Deploy Reflex with Docker Compose, Ansible, and GitHub Actions
03:41:17 Thank you and next steps

[CodingEntrepreneurs]

Thanks for watching! Code link and chapters below


Chapters
00:00:00 Welcome
00:02:04 Demo
00:05:26 Python Environment and Reflex App Setup
00:08:59 VSCode + Git
00:10:47 New Page and URL Routing
00:14:58 A Component for Layout
00:19:03 Simplify App Structure
00:23:58 Reflex Docs Recipes
00:28:55 Identify Rendered Components in HTML
00:34:32 Navigation Links & Routes
00:38:24 Handling Click Events with Reflex State
00:43:47 Chat Component and Routing
00:46:51 Creating a Form
00:52:49 Conditionally Render Success Message
00:56:32 Timeout Delays with Reflex State
00:58:37 Storing Chat Messages in Memory
01:02:42 Render the Chat Messages
01:09:21 Adding Intelligence to Our Bot with OpenAI
01:22:28 Integrate Reflex with Neon Postgres
01:27:09 Creating a Database Table with Reflex
01:35:47 Your First Database Migration
01:42:46 Adding Data into the Database
01:46:42 Neon Branching for Major Database Migrations
01:52:20 Related Database Table Model
01:59:36 Create DB-stored Chat Sessions
02:07:25 Storing Chat Messages on Neon
02:14:03 Button for New Chat Session
02:17:25 Handling Dynamic URL Routes
02:24:04 Load Stored Chat Session from the Database
02:30:52 Loading Chat Session Messages from the Database
02:35:14 Resetting Reflex State Values
02:42:22 Adding the Dockerfile
02:50:41 Build & Push Docker Containers with GitHub Actions
03:08:06 Using One-Off SSH Keys for Virtual Machines
03:22:36 Deploy Reflex with Docker Compose, Ansible, and GitHub Actions
03:41:17 Thank you and next steps

[IOSALive]

CodingEntrepreneurs, Youre gonna be famous!

[DemetriPetuskey]

Reflex is an awesome framework, thanks for the vid

[savanthtadepalli]

Awesome tutorial! I'll try mixing this with your previous try langchain tutorial and I can build agents with memory or any complex RAG with memory. Thanks again! However, it would've been nice if we do a vector search on the chat history as well

[rl]

Thanks, Mitchel! Though I’m not interested in this topic right now, I’ll definitely check it out if I need to. It’s great to see your effort and contribution to the CS domain, especially in Python. I'm looking forward to your tutorial on production and industry practices and approach of Django Rest Framework. Thanks once again for your contribution. Your tutorials are concise, well-structured, and your teaching ability is outstanding. ❤❤

[reecejosephs]

Thanks so much. Just what I needed...👍

[AC-lqwg]

Good morning Sir,
It's absolutely amazing. I have been with you and your channel for quite a long time and still every time you give quality content .
Actually sir, we are not used to this internet browser you are currently working on . And it makes me Lil confused . If you could shift back to chrome or any other browser that would be appreciated. Rest you are amazing ❤

[duming]

1:14:10 guys, don't forget to pip install openai

[thisistotest]

Thanks for tutorial sir.
Sir, could you please create tutorials on building an end-to-end GenAI or LLM-based Python backend application, including model fine-tuning, prompt engineering, and using frameworks like Hugging Face or LangChain?

[Quantum_Nebula]

Cool tutorial, definitely functional and cutting-edge... but gotta say, ugly as sin, no surprise though since its written entirely in python