--- title: "How I Vibe Coded a Full App using Claude Code (with Database, Payment, Login)" url: https://daily.dev/posts/how-i-vibe-coded-a-full-app-using-claude-code-with-database-payment-login--cfylbzadl source_url: https://www.youtube.com/watch?v=fgrXAeNj9tM type: video:youtube source: "YouTube" published: 2026-06-16T09:50:32.189Z updated: 2026-06-16T09:50:51.145Z tags: ["webdev", "claude-code", "supabase", "stripe", "vibe-coding"] reading_time: 31 upvotes: 1 comments: 0 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How I Vibe Coded a Full App using Claude Code (with Database, Payment, Login) **[YouTube](https://daily.dev/sources/youtube)** · 31 min read · 1 upvotes · 0 comments ## Summary A beginner-friendly walkthrough of building a full stock investment web app called Market Cap using Claude Code, without writing any code manually. Covers the entire workflow: planning with Claude's plan mode, building a frontend dashboard using a design reference, connecting a live stock pricing API (Finnhub), setting up user authentication and a database with Supabase, integrating Stripe for subscription payments, pushing code to GitHub, and deploying to Hostinger. Key concepts like context windows, MCP connectors, environment variables, and localhost are explained in plain English throughout. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#claude-code](https://daily.dev/tags/claude-code), [#supabase](https://daily.dev/tags/supabase), [#stripe](https://daily.dev/tags/stripe), [#vibe-coding](https://daily.dev/tags/vibe-coding) [View this post on daily.dev](https://daily.dev/posts/how-i-vibe-coded-a-full-app-using-claude-code-with-database-payment-login--cfylbzadl)