Programming with AI: Real Time Website Builder | Full Tutorial (Claude 3.5 Sonnet)
👊 Become a YouTube Member:
https://www.youtube.com/c/AllAboutAI/join
🤖 Great AI Engineer Course:
https://scrimba.com/learn/aiengineer?ref=allabtai
📧 Join the newsletter:
https://aiswe.tech
🌐 My website:
https://aiswe.tech
🧪 Real Time Website Builder (SLOW and DESKTOP VERSION)
https://aiswe.tech/#projects
🔥 GH Code for the Project:
https://github.com/AllAboutAI-YT/real_time_website_b
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
