Claude Code + Cursor COURSE - Build a FULL App

https://bit.ly/4bTD5zu 👈 Design & code like me. Use "UI2024" for 25% Off! Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off using this link!) -- Today, I'm going to show you how to utilize both Claude Code & Cursor to build a modern, full stack app called SideBling. We bring in so many different pieces of software/technology (listed below) to make this project a reality in about 4 hours. Both hand-driven skills, and AI are used. What is SideBling? It's a service where people can enter via prompt their skills/hobbies/interests, and AI will provide them with up to 12 different ways to monetize those interests. We initiate another call to OpenAI that can then generate a detailed guide on how they can tackle each of those ideas. Tech & Software used: - Claude Code - Cursor - Claude 4 Sonnet, GPT 5, o3 - Adobe Illustrator for Logo Design - Figma for UI/UX Design - Figma MCP Server - Context7 MCP Server - Supabase MCP Server - OpenAI API Integration - Authentication via Google - Rive for Animated Graphics - Nuxt.js (Vue) app 0:00 - Intro 1:36 - Logo Design in Illustrator 29:38 - Home Page Design in Figma 51:14 - Project Setup & Figma MCP Server 1:10:23 - Github & Rive Loading Graphic 1:46:11 - Figma Ideas Layout Design 2:31:53 - Figma MCP & Rive Graphic 3:00:00 - Context7 & Google Auth Integration 3:11:20 - Storing Prompt Data & Generate Guide 3:34:36 - Finishing Up #cursor #claude #ai - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design a