💻 Get started with Clerk Authentication: https://go.clerk.com/naBxpyl

👉 Check out PyCharm, the only Python IDE you need: https://jb.gg/try_pycharm_ide 
👉 Free 3-Month Personal Subscription for PyCharm Pro with “PyCharm_and_Tim“: https://jb.gg/redeem_code_now 

I'll show you how to build a full stack application that will look fantastic on your portfolio using FastAPI and Python on the backend, and JavaScript and React on the frontend. We're going to have an API, authentication, databases; and I'm going to show you how to integrate this with an AI or with an LLM.

🎞 Video Resources 🎞
Code in this video: https://github.com/techwithtim/SecureAIApp
Ngrok: https://ngrok.com/
Node JS Install: https://nodejs.org/en
OpenAI API Platform: https://platform.openai.com/
UV Tutorial: https://www.youtube.com/watch?v=6pttmsBSi8M

⏳ Timestamps ⏳
00:00:00 | Project Demo
00:02:27 | Project Setup & Dependencies
00:10:09 | Clerk Authentication Setup
00:28:21 | Navbar & Styling
00:35:13 | Clerk Settings
00:38:19 | Frontend Component/Forms
01:02:40 | FastAPI Backend Setup
01:09:57 | Backend Clerk Auth Setup
01:18:57 | Database Models
01:35:45 | Backend Routes
01:46:40 | AI/LLM Integration
02:01:36 | Frontend/Backend Integration
02:19:01 | Clerk Webhook Events
02:27:10 | Ngrok API Gateway Setup

Hashtags
#ClerkApp #FastAPI #Python

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 guide to building a full-stack application using FastAPI for the backend and React for the frontend. The tutorial covers implementing authentication with Clerk, setting up databases with SQLAlchemy, integrating OpenAI's API for generating coding challenges, and creating a complete user interface with routing and state management. The project demonstrates building a coding challenge generator with user quotas, question history, and multiple-choice questions powered by AI.

How To Build a FastAPI & React Full Stack App | Clerk, Databases, LLMs & More