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

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 30

  • @CodingEntrepreneurs
    @CodingEntrepreneurs  2 місяці тому +14

    Thanks for watching! Code link and chapters below
    💽 Code: github.com/codingforentrepreneurs/reflex-gpt
    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
    @IOSALive 2 місяці тому +11

    CodingEntrepreneurs, Youre gonna be famous!

  • @fenixchow1
    @fenixchow1 15 днів тому

    very good tutorial, getting into know Reflex and Neon, I was a Streamlit user, this seems like a very good alternative!

  • @DemetriPetuskey
    @DemetriPetuskey 2 місяці тому +2

    Reflex is an awesome framework, thanks for the vid

  • @savanthtadepalli3968
    @savanthtadepalli3968 2 місяці тому +3

    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

    • @CodingEntrepreneurs
      @CodingEntrepreneurs  2 місяці тому +1

      Ohhh yeah. That’s easy. Might have to do a quick short one

  • @r125l6
    @r125l6 2 місяці тому

    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. ❤❤

  • @reecejosephs3659
    @reecejosephs3659 2 місяці тому +2

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

  • @gauravkum4128
    @gauravkum4128 Місяць тому

    Thank you so much . Much needed 👍🏻

  • @maykilvlogzreborn4429
    @maykilvlogzreborn4429 Місяць тому

    vm's are awesome

  • @LEGGOMYEGGO206
    @LEGGOMYEGGO206 11 днів тому +1

    Are there any reflex tutorials that run through the basics, starting with a blank template and building out from there?

    • @CodingEntrepreneurs
      @CodingEntrepreneurs  11 днів тому +1

      Yup….
      Build Full Stack Web Apps in Pure Python with Reflex - No Javascript Required
      ua-cam.com/video/ITOZkzjtjUA/v-deo.html

    • @LEGGOMYEGGO206
      @LEGGOMYEGGO206 11 днів тому

      @@CodingEntrepreneurs appreciate the reply I’ll give it a watch

  • @codee_script
    @codee_script Місяць тому

    Nice Tutorial. I really like this❤❤❤

  • @AC-lq7wg
    @AC-lq7wg Місяць тому

    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 ❤

  • @nguyenduyta7136
    @nguyenduyta7136 2 місяці тому +1

    Yeah so appreciated ❤🎉🥰

  • @duming3076
    @duming3076 2 місяці тому +2

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

    • @duming3076
      @duming3076 2 місяці тому

      never mind, then the author did a pip install requirements

  • @thisistotest
    @thisistotest 2 місяці тому

    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?

    • @CodingEntrepreneurs
      @CodingEntrepreneurs  2 місяці тому +1

      Did you see my Try Langchain course? Mix it with this one and you’re cooking

    • @thisistotest
      @thisistotest 2 місяці тому

      @@CodingEntrepreneurs okk sir.

  • @tdcode
    @tdcode 2 місяці тому +1

    How awesomer !!!

  • @duming3076
    @duming3076 2 місяці тому +1

    love u man

  • @Quantum_Nebula
    @Quantum_Nebula 2 місяці тому

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

  • @bitkillerjones
    @bitkillerjones 2 місяці тому

    we need a fast api + nextjs project

  • @ohisideho3460
    @ohisideho3460 2 місяці тому +1

    First!😁