Coding With Cursor AI: Lets Build a Full-Stack Web App feat Stripe | Full Tutorial

Coding With Cursor AI: Lets Build a Full-Stack Web App feat Stripe | Full Tutorial

👊 Become a YouTube Member:

🤖 Great AI Engineer Course:

📧 Join the newsletter:

🌐 My website:

🔥My Public GH :

00:00 Todays AI Web App Project
03:26 Visual Prompt and Design
06:34 Claude Projects + Custom Instructions
07:40 First Prompt
09:08 Cursor AI IDE Setup
12:57 First Itteration
13:48 Visuall Prompt Itteration
18:48 Adding Subpages
25:18 Adding Styling with Cursor
29:49 Backend Idea
31:16 Firebase Setup
37:20 Stripe Integration
39:00 Stripe Backend Cursor
44:19 First Firebase Deploy
48:00 Stripe Test Mode Setup
51:46 Firebase De-bugging with Cursor
54:04 Stripe De-bugging with Cursor
56:05 App is working?
57:47 Adding Stripe Custom Feature
1:00:50 Testing Stripe Capture Feature
1:02:56 Adding Feature with Cursor Composor
1:07:10 Adding Stripe Meta Data Feature
1:08:52 Testing Stripe Meta Data Feature
1:10:42 Switching from Test to Live
1:13:45 Some Final Touches
1:15:25 Cybersecurity?
1:17:55 Make Takeaways Coding with Cursor AI

[ShpanMan]

I don't think people appreciate just how much time this is saving, and how it's enabling people that had no business getting these apps setup and built do it easily.
Every time the AI "suggests" a change and my man goes "yea, we'll just accept" is a bunch of time that should have taken a human developer to think, write, run, and test that this part works. Multiply that by the absurd amount of generations and you see just how much time this would take even for someone who knows how to actually do it! (and no one remembers all of this by heart, you will be going back and forth to documentation).
Almost no one in the world will understand (not even most developers as they are in the denial stage) but this is an incredible shift, and is really only a temporary step in the race to eliminate software engineering and make everyone a CEO.

[tradingwithwill]

People often use starter templates so Cursor should provide that or generate it or maybe import from github.

[TheBuzzati]

Thanks for this video. I learned a ton..i wanted to try a webapp project and figure out supabase via claude and this gave me some more confidence.

[tnt]

Just pulled Cursor myself, I am enjoying the experience. I am wondering how much better/worse copilot workspaces will be when it releases.

[cv]

This is cool and all. But let's see you move it into a Prod env, maintain it over time, and version the source. Then I'll be a buyer

[SaidThaher]

So if your subscription finished on Cursor, you still can use the full function using your API key without paying for Cursor sub ? 🤔

[angelina]

Claude API has some very strict rate limits. How do you deal with that?

[chipinhead-dgin]

Cursor can just create the files for you no? That's my big issue is still having to click around too much. It's almost like I am working for Claude lol. In Code Pilot I asked it to create a bash script i can run.

[IntellectCorner]

*𝓣𝓲𝓶𝓮𝓼𝓽𝓪𝓶𝓹𝓼 𝓫𝔂 𝓘𝓷𝓽𝓮𝓵𝓵𝓮𝓬𝓽𝓒𝓸𝓻𝓷𝓮𝓻*

0:00 - Introduction: Building a Full-Stack Web App with AI Tools
0:30 - App Overview: Demonstration of the Final Product
1:38 - Payment Confirmation and Stripe Dashboard Overview
2:49 - Setting Up the Project: Tools and Initial Configuration
3:18 - Creating the Frontend: Using Cursor for React Components
5:03 - Initial UI Design: Microservices Layout
7:46 - Styling Adjustments: Moving and Aligning Elements
10:01 - Running the Initial App: Resolving Errors
13:12 - Creating and Updating Sub Pages for Different Services
19:43 - Backend Setup: Introduction to Firebase and Stripe Integration
25:51 - Copying Styles from Existing Website to New App
29:11 - Finalizing the Frontend: Aligning Elements and Buttons
30:11 - Setting Up Firebase: Project Configuration and Stripe Integration
38:04 - Installing Stripe Extension: Handling Errors and Fixes
43:08 - Creating Firebase Functions: Writing the Backend Code
50:03 - Debugging Issues: Resolving Errors with Firebase and Stripe
52:40 - Testing and Debugging: Ensuring the App Functions Correctly
55:40 - Implementing Stripe Payment Capture Method
1:03:13 - Adding Security Features to Text Fields
1:07:21 - Testing Live Environment: Real Payment with Stripe
1:14:08 - Final Adjustments: Adding Calendly Link and Security Features
1:19:09 - Conclusion: Reflections on the Project and Tools Used

[andresgarzon]

Bro is internet Jesus he makes prosperity out of nowhere like fish for all...and also made a platform like Jesus needs with his own celestial microservices: hear your boring prayings 20 bucks, hear your shit 40 bucks, guidance and support 60 bucks, blessings for you and family 80 bucks... + 20% tip 13:47