Programming with AI: Real Time Website Builder | Full Tutorial (Claude 3.5 Sonnet)
👊 Become a YouTube Member:
🤖 Great AI Engineer Course:
📧 Join the newsletter:
🌐 My website:
🔥 Open GitHub Repos:
🧪 Real Time Website Builder (SLOW and DESKTOP VERSION)
00:00 Todays AI Project
02:41 What you need
03:47 Claude 3.5 Projects
09:29 React App Setup
16:23 First Version
18:51 Adding an LLM to write the code
25:52 Second Version with OpenAI API
31:33 Adding Real Time Preveiw
34:54 Cleaning up the code
41:05 Moving OpenAI API to Backend
48:39 Third Version
50:00 Styling the React App UI
53:50 Adding a Modify Code Box
56:08 Final Version of the App
source
