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

From the creator

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

Published 2025-07-11 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.