Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

The Ultimate FastAPI and React Full Stack Project - Deploy This and You're Set

Tech with Tim via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a complete full-stack web application using FastAPI for the backend and React for the frontend in this comprehensive 3.5-hour tutorial. Start with project setup and API design, then dive into backend development covering FastAPI configuration, environment variables, database setup with models and schemas, and API router implementation. Explore AI integration for story generation functionality before transitioning to frontend development with React components including LoadingStatus, ThemeInput, StoryLoader, and StoryGame components. Master CSS styling, React Router DOM setup, and component architecture while building an interactive choose-your-own-adventure application. Discover best practices for backend-frontend communication, database management, and API design patterns. Conclude by learning how to deploy your application for free using Choreo, making your project accessible to share with others and showcase in your portfolio.

Syllabus

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

Taught by

Tech With Tim

Reviews

Start your review of The Ultimate FastAPI and React Full Stack Project - Deploy This and You're Set

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.