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/

Check out PyCharm, the only Python IDE you need: https://jb.gg/check-pc-ide 
Free 3-Month Personal Subscription for PyCharm Pro with “PyCharm_by_Tim“: https://jb.gg/redeem-pc-coupon 

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

TechWithTim, founded by Tim Ruscica, is a popular YouTube channel and blog offering tutorials, guides, and projects on programming, game development, and machine learning. With a friendly and approachable teaching style, Tim covers a wide range of topics, including Python programming, game development with Pygame, and machine learning algorithms with TensorFlow and Keras. Developers of all skill levels can benefit from TechWithTim's engaging content and hands-on coding projects, making it an in resource for learning and honing technical skills.

Tech With Tim

A comprehensive tutorial for building a full-stack choose your own adventure game using FastAPI backend and React frontend. Covers database modeling with SQLAlchemy, AI integration with OpenAI for story generation, API design with proper schemas and routing, CORS configuration, and deployment strategies. The project demonstrates advanced FastAPI patterns including job queuing for long-running operations, proper project structure with separate modules for models, schemas, and routers, and database relationships for storing branching story nodes.

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