Loading video player...
Learn how to use "Vibe Coding" to build TWO complete, full-stack mobile applications using React Native, Expo, and AI! In this mega-tutorial, we harness the power of Google Antigravity on Gemini and the Figma MCP Server to dramatically speed up our development workflow. [About the Video] In this video, I combine two massive projects to show you exactly how to integrate AI into your coding process: ā Project 1: The Coffee Shop App - We build a beautiful, high-value UI/UX experience directly from Figma using the Figma MCP server and Gemini. š Project 2: BigCart E-commerce App - A fully-featured e-commerce platform complete with a Next.js Admin Dashboard, Firebase Authentication, Firestore Database, and Stripe Payment integrations! Whether you are a beginner looking to understand React Native or an advanced developer wanting to master AI-assisted "vibe coding," this video has everything you need. š Project Resources & Source Code: š Coffee Shop App Project: https://www.reactbd.com/free-projects/building-a-10-000-app-with-ai-google-antigravity-figma-mcp š BigCart E-commerce Project: https://www.reactbd.com/free-projects/bigcart-ecommerce-application ā±ļø Timestamps: 0:00 - Introduction to Vibe Coding & AI 9:18 - Staring the Coffee shop 19:45 - Creating Project CONTEXT 41:08 - Firebase setup 1:00:10 - Starting the Ecommerce Application š» Tech Stack Used: ⢠React Native & Expo ⢠Next.js (Admin Dashboard) ⢠Firebase (Authentication & Firestore) ⢠Stripe (Payments) ⢠AI Tools: Gemini, Google Antigravity, Figma MCP Server #ReactNative #VibeCoding #GoogleAntigravity #GeminiAI #Expo #FigmaMCP #FullStackDevelopment #MobileAppDev #StripeIntegration #Firebase