Navigate Select ESC Close

The Ultimate FastAPI + React Full Stack Project (Deploy This and You’re Set)

2025-07-11 Education
115.8k
3.0k
102
Tech With Tim
Tech With Tim
2.0m subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

Description

In this video, you'll learn how to build a full stack application using FastAPI in Python and JavaScript and React. Now I'll cover databases, AI integrations, backend and frontend communication, designing the API, and various best practices. I'll even show you a free way to deploy this project at the end, so that you can share it with anyone that you want. 🎞 Video Resources 🎞 Choreo website - https://choreo.dev/?utm_source=yt&utm_medium=video&utm_campaign=yt_video_TechWithTim_250605 Choreo docs - https://wso2.com/choreo/docs/ Download PyCharm and use it for free forever with one month of Pro included: https://www.jetbrains.com/pycharm/ Code in this video: https://github.com/techwithtim/Choose-Your-Own-Adventure-AI UV Install Link: https://docs.astral.sh/uv/getting-started/installation/ UV Video: https://www.youtube.com/watch?v=6pttmsBSi8M Node JS Install: https://nodejs.org/en/download ⏳ Timestamps ⏳ 00:00:00 | Project Introduction 00:01:00 | Project Demo & Explanation 00:03:35 | Project & Editor Setup 00:05:02 | API Breakdown 00:05:43 | Backend Setup 00:14:31 | FastAPI Setup 00:21:35 | Environment Variables and Configuration 00:28:20 | Database Setup 00:35:19 | Database Models 00:47:00 | Data Schemas 00:55:59 | API Routers 01:27:00 | AI Story Generation 02:03:36 | Frontend Setup 02:07:04 | LoadingStatus Component 02:08:30 | CSS Styles 02:09:25 | ThemeInput Component 02:13:39 | StoryLoader Component 02:20:34 | StoryGame Component 02:31:56 | React Router Dom Setup 02:36:49 | Story Generator Component 02:53:39 | Deploying The Application Hashtags #FastAPI #Python #JavaScript

Top Comments (10)

@TechWithTim 2025-07-11

Choreo website - https://choreo.dev/?utm_source=yt&utm_medium=video&utm_campaign=yt_video_TechWithTim_250605 Choreo docs - https://wso2.com/choreo/docs/ Download PyCharm and use it for free forever with one month of Pro included: https://www.jetbrains.com/pycharm/

5 3 replies
@ridamalik6789 2025-10-11

I just completed the project and played the game. It was an amazing experience, first time making API calls to openai and using langchain. Thanks a lot Tim. Your projects are great and very easy to follow along. Please continue making them, there isn't much quality content out there. Here's to many more

12
@arunachalamm3399 2025-07-12

Bro knows what I want and when I want it. Been a sub for nearly 6 years!!❤

18
@RebukX2 2025-07-12

Yess i can't wait to use python on backend after learning overall backend frontend interactions in MERN.. after all python does have special place in my heart..

2
@amentor-u7w 2025-07-12

super solid breakdown honestly reminds me how much cleaner it is to prototype full stack apps now with genum ai helping me handle api design and frontend logic in one flow

1
@LeroiWeitz 2025-07-11

Awesome stuff. Going to build this for some fun over the weekend. Thanks ❤

3
@AliSinaGhulami-f3h 2025-07-11

I would start building this but I am currently working on building an other project but I will definitely give a try after I finish

2
@wisewords9232 2025-08-22

This video really helped me a lot.It's very difficult to find such videos.Bro has really put a lot of effort in the video.

1
@unveiled_face 2025-07-12

Thank you! The tutorial I’ve been waiting for 😅

0
@brokenwarrior800 2025-08-17

Nice video Tim. But why you did not upload the planning?. Where is the system design?. Why you skip all the requirements or software architecture part?. The bases are the most important parts.

7

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan • All features unlocked

App screenshot