Cursor is a powerful new code editor that makes coding much faster with the help of AI. In this video I will use Cursor and Claude Sonnet 3.5 to build a REAL full stack app ("Survey Mage") from scratch and deploy it.
This realistic hands-on tutorial goes in depth and beyond simple demos you'll often see elsewhere.
I want to show you how you can actually use Cursor in a real-world project (not just as a toy). I implement everything including the UI, server, APIs, database integration, authentication, and deploy the app.
📚 Resources:
- The app I built: https://www.surveymage.com
- Free AI Coding Prompt Guide: https://github.com/VoloBuilds/prompts/blob/main/LearnToCode.md
🔧Tools Used:
- Cursor + Claude Sonnet 3.5
- MERN (Mongo, Express, React, NodeJS)
- Tailwind
- Cloudflare Pages, Registrar, Wrangler API
- Google App Engine (GAE)
- Firebase Auth
- GitHub
🚀 In This Video, You'll learn:
- How to use Cursor AI
- Coding with Cursor and Sonnet 3.5
- The best way to code with AI in 2024
- How to code with Cursor AI
- How to use AI to code faster
- How to use AI to write code for you
- How to troubleshoot code with AI
- How to deploy AI-generated apps
- Prompts to code with ChatGPT
- What is the cursor composer
- How to chat with Cursor AI
- Best way to use Cursor to code
- Coding in 2024
- Web Development 2024
💡 Perfect for Viewers Interested in:
- Full Stack software development
- Web Development
- Best AI coding tools
- Software Development
- Future of coding
- Learning to code in 2024
- Using AI to code
- Coding with AI
- Learning about the latest AI tech
- Generative AI
Subscribe for more tutorials on AI and programming and to stay up to date on the latest AI updates and news!!
💬 Questions or Feedback? Drop your thoughts in the comments below, and I'll be sure to get back to you!
#ai #artificialintelligence #coding #futureofwork #codewithai #aicoding #chatgpt #programming #software #softwaredev #webdevelopment #webdev #claude #sonnet3.5 #cursor #cursorai
Chapters
00:00:00 - Project Preview
00:00:49 - Tech Stack + Requirements
00:04:07 - Project Setup
00:08:40 - Survey Designer UI
00:34:17 - Auth
00:48:28 - Server Setup + Integration
01:00:22 - Survey UI Improvements
01:17:39 - React Router
01:24:32 - Survey Response Handling
01:47:40 - Analytics Dashboard
02:18:31 - Finishing Touches
02:33:01 - Deployment