---
title: "Vibe Coding with AI: React Native Full-Stack Apps in One Mega Tutorial"
source_url: https://youtu.be/YBJpIv0r86g
captured_at: 2026-04-05
author: "Noor Mohammad"
contributor: "ชิดชนก"
platform: youtube
---
# Vibe Coding with AI: React Native Full-Stack Apps in One Mega Tutorial

youtube video by **Noor Mohammad**, 260m16s, uploaded 2026-04-04. URL: https://youtu.be/YBJpIv0r86g
Tags: react native, expo, vibe coding, google antigravity, gemini ai tutorial, figma mcp server, build a mobile app with ai, ai coding, react native ecommerce app, next js admin dashboard, firebase authentication, firestore tutorial, react native crash course, react native project, react native full course, mobile development, react, reactjs, ui design, react native for beginners, learn react native, ex

## Shared in LINE Note+
- 2026-04-05 23:43 by ชิดชนก

## Description
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: 
👉 BigCart E-commerce Project: 

⏱️ 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 
