The Ultimate FastAPI + React Full Stack Project (Deploy This and You’re Set)
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
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from Tech With Tim · Tech With Tim · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
A* Path Finding Algorithm(Visualization)
Tech With Tim
Python Programming Tutorial #1 - Variables and Data Types
Tech With Tim
Python Programming Tutorial #2 - Basic Operators and Input
Tech With Tim
Python Programming Tutorial #3 - Conditions
Tech With Tim
Python Programming Tutorial #4 - IF/ELIF/ELSE
Tech With Tim
Python Programming Tutorial #5 - Chained Conditionals and Nested Statements
Tech With Tim
Python Programming Tutorial #6 - For Loops
Tech With Tim
Python Programming Tutorial #7 - While Loops
Tech With Tim
Python Programming Tutorial #8 - Lists and Tuples
Tech With Tim
Python Programming Tutorial #9 - Iteration by Item (For Loops Continued...)
Tech With Tim
Python Programming Tutorial #10 - String Methods
Tech With Tim
How to Overclock a NVIDIA GPU
Tech With Tim
Python Programming Tutorial #11 - Slice Operator
Tech With Tim
Python Programming Tutorial #12 - Functions
Tech With Tim
Python Programming Tutorial #13 - How to Read a Text File
Tech With Tim
Python Programming Tutorial #14 - Writing to a Text File
Tech With Tim
Python Programming Tutorial #15 - Using .count() and .find()
Tech With Tim
Python Programming Tutorial #16 - Introduction to Modular Programming
Tech With Tim
Python Programming Tutorial #17 - Optional Parameters
Tech With Tim
Python Programming Tutorial #18 - Try and Except (Python Error Handling)
Tech With Tim
Python Programming Tutorial #19 - Global vs Local Variables
Tech With Tim
Python Programming Tutorial #20 - Classes and Objects
Tech With Tim
Cool VBS Script to Prank Your Friends!
Tech With Tim
How to Overclock an AMD GPU
Tech With Tim
Best GPU'S For Mining Ethereum (2018)
Tech With Tim
Recursion and Memoization Tutorial Python
Tech With Tim
Ethereum Mining Rig - Hardware Guide
Tech With Tim
Pygame Tutorial #1 - Basic Movement and Key Presses
Tech With Tim
How to Install Pygame (Windows 8/10)
Tech With Tim
How to Trade Your Cryptocurrency (Bitcoin, Ethereum etc.) For Cash!
Tech With Tim
How to Mine Ethereum 2018 - WORKING (Super-Easy)
Tech With Tim
Microphone Comparison - $10 Mic vs $150 Mic (Blue Yeti USB)
Tech With Tim
Pygame Tutorial #2 - Jumping and Boundaries
Tech With Tim
Pygame Tutorial #3 - Character Animation & Sprites
Tech With Tim
Pygame Tutorial #4 - Optimization & OOP
Tech With Tim
OBS Studio Tutorial - Best OBS Settings
Tech With Tim
Linear Search Algorithm - Python Example and Code
Tech With Tim
Make Any Mic Sound AMAZING! (WITH OBS)
Tech With Tim
Binary Search Algorithm - Python Example & Code
Tech With Tim
Pygame Tutorial #5 - Projectiles
Tech With Tim
Pygame Game - Mini Golf
Tech With Tim
Pygame Tutorial - Projectile Motion (Part 1)
Tech With Tim
Pygame Tutorial - Projectile Motion (Part 2)
Tech With Tim
Pygame Tutorial #6 - Enemies
Tech With Tim
Pygame Tutorial #7 - Collision and Hit Boxes
Tech With Tim
Pygame Tutorial #8 - Scoring and Health Bars
Tech With Tim
Cloud Mining vs. Hardware Mining - 2018
Tech With Tim
How to Install Pygame on Mac OSX (Fast-Simple)
Tech With Tim
Pygame Tutorial #9 - Sound Effects, Music & More Collision
Tech With Tim
Pygame Tutorial #10 - Finishing Touches & Next Steps
Tech With Tim
How to Fade Your Screen in Pygame [CODE IN DESCRIPTION]
Tech With Tim
How to Create a Button in Pygame [CODE IN DESCRIPTION]
Tech With Tim
Pygame Side-Scroller Tutorial #1 - Scrolling Background/Character Movement
Tech With Tim
Pygame Side-Scroller Tutorial #2 - Random Object Generation
Tech With Tim
Pygame Side-Scroller Tutorial #3 - Collision
Tech With Tim
Pygame Side-Scroller Tutorial #4 - Scoring and End Screen
Tech With Tim
How to Create A Message Box in Python - Tkinter
Tech With Tim
Is Ethereum Mining Still Profitable - Is It Worth It (April 2018)
Tech With Tim
How to Run MAC OSX on a WINDOWS PC (Clover Boot-loader)
Tech With Tim
Programming Problem #1 - Alphabet Soup (Beginner/Novice)
Tech With Tim
More on: API Design
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
Roblox Data Engineering Interview Questions: Full DE Prep Guide
Dev.to · Gowtham Potureddi
Tesla Data Engineering Interview Questions: Full DE Prep Guide
Dev.to · Gowtham Potureddi
Exodus Point Data Engineering Interview Questions: Full DE Prep Guide
Dev.to · Gowtham Potureddi
What I learned scraping Website Contact: schema, gotchas and the tooling that worked
Dev.to · Can Yılmaz
Chapters (21)
| Project Introduction
1:00
| Project Demo & Explanation
3:35
| Project & Editor Setup
5:02
| API Breakdown
5:43
| Backend Setup
14:31
| FastAPI Setup
21:35
| Environment Variables and Configuration
28:20
| Database Setup
35:19
| Database Models
47:00
| Data Schemas
55:59
| API Routers
1:27:00
| AI Story Generation
2:03:36
| Frontend Setup
2:07:04
| LoadingStatus Component
2:08:30
| CSS Styles
2:09:25
| ThemeInput Component
2:13:39
| StoryLoader Component
2:20:34
| StoryGame Component
2:31:56
| React Router Dom Setup
2:36:49
| Story Generator Component
2:53:39
| Deploying The Application
🎓
Tutor Explanation
DeepCamp AI