How to build AI-apps with React + FastAPI (full beginner tutorial)

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 21

  • @brianmorin5547
    @brianmorin5547 7 місяців тому +1

    I started watching just for the react front end piece as I want to build something more custom than streamlit
    I haven’t even gotten past the first half yet but already subscribed. Great stuff. I hadn’t even seen the concept of embedding on demand for any article we want in our vector store. I’ll have to try to connect this to a google extension I made for saving the URL to text file so I can get there in one click

  • @samyakbharsakle
    @samyakbharsakle 12 днів тому

    good stuff!

  • @figs3284
    @figs3284 7 місяців тому +4

    Massively underrated channel brother! Would love to see how to do this without langchain.

    • @johannesjolkkonen
      @johannesjolkkonen  7 місяців тому +1

      Thank you!
      Already planning a part 2 for this, and I can include a non-langchain version for the RAG function(s) there (:

    • @figs3284
      @figs3284 7 місяців тому

      Awesome stuff man! Can't wait 🔥

    • @TrilioniME
      @TrilioniME 4 місяці тому

      @@johannesjolkkonenAlso would love to watch a project like FastAPI + React, or even better FastAPI + Next.js with showing how to extract data from OpenAI without Langchain, and display it in your React or better Next.js webapp. Part of information in one block and part of information in the other block etc. Or even map thru list of information received from OpenAI and display it iteratively as a stack of 1 component.

    • @TrilioniME
      @TrilioniME 4 місяці тому

      @@johannesjolkkonenThank you for the tutorial.Also would love to watch another project based on FastAPI + React (or even better - Next.js) without Langchain. Where you extract data from OpenAI and then display it in different frontend blocks. For example map thru the list of information received from OpenAI and display it in repeated React component as a stack of items.

  • @matthhieuuuu
    @matthhieuuuu 7 місяців тому +1

    this is a miracle, I’m not kidding

  • @ZZsunfire
    @ZZsunfire 3 місяці тому

    Wonderful tutorial. Thank you so much!!

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

    how to dockerize this and do this development into docker

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 7 місяців тому +1

    thank you for practical project mate

  • @vasylcf
    @vasylcf 7 місяців тому +1

    Thanks, it was interesting

  • @max-eugenemamet4673
    @max-eugenemamet4673 7 місяців тому +1

    Thank you for the tutorial ! You should really zoom in for better code visibility (as well as using a light theme in vscode)

    • @johannesjolkkonen
      @johannesjolkkonen  7 місяців тому

      Thanks for the feedback!
      I think I'm too attached to my dark mode, but zooming in would probably be a good idea!

    • @saarza9991
      @saarza9991 3 місяці тому

      If u use light mode means get checked by psychiatrist

    • @samyakbharsakle
      @samyakbharsakle 4 дні тому

      @@johannesjolkkonen yes do zoom in!

  • @EncouragementfortheDay
    @EncouragementfortheDay 4 місяці тому

    Excellent!

  • @itsDante
    @itsDante 7 місяців тому +1

    woaaaaaahhh super helpful thank you!

  • @johannesjolkkonen
    @johannesjolkkonen  7 місяців тому +1

    If you enjoyed this video, I made a part 2 where I add streaming, a way to do RAG without LangChain and finally also deploying the app.
    Check it out here: ua-cam.com/video/uEduh6ANplc/v-deo.html