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