Let’s Build a Full Stack Video App with FastAPI, PostgreSQL, AWS S3, React JS & Chakra UI
Let’s build a full stack video application from scratch using Python Fast API, PostgreSQL, Docker, AWS S3, React JS & Chakra UI!
The frontend will be build out of React JS and Chakra UI. This will help you learn how to build beautiful UIs in React without needing to write tedious HTML and CSS.
On the backend, we will have a simple Python API with GET and POST endpoints. We are going to store the original video in Amazon’s object storage called AWS S3 and then store the metadata about the video file in a relational PostgreSQL database.
You will also learn about React hooks, API testing through Insomnia and lots more!
Code in Video: [https://github.com/irtiza07/video-upl...](https://github.com/irtiza07/video-upl...)
0:00 Intro & Demo
1:31 Tech Stack
3:24 Docker Setup
4:11 Database Setup
5:30 Backend Start
6:58 Status Endpoint
9:01 GET Endpoint to get all videos
15:00 POST Endpoint to upload video
20:27 Frontend Start
21:22 Frontend Packages & Chakra UI Intro
23:00 UI Implementation
27:15 useState React Hook
28:35 useEffect React Hook
30:15 Grid of Videos
35:00 Upload File on Frontend
41:30 Testing Finished App
47:00 Recap & Code Walkthrough
52:00 Outro
#reactjs #python #postgres
Visit me at: https://irtizahafiz.com
Reach me at: [email protected]