Войти
  • 5778Просмотров
  • 3 недели назадОпубликованоAI with Surya

Gemini + Firebase Tutorial: Build a Full-Stack App Step by Step

Imagine a real estate sign that talks back to you. 🏠🤖 In this video, I show you exactly how to build "SuryaEstate"—a luxury real estate platform where buyers can scan a QR code and instantly chat with an AI agent that knows every secret about the house. We are going to "vibe code" this entire application using Google AI Studio powered by the latest Gemini models and Firebase. I will walk you through the end-to-end process: from setting up a secure backend with Firebase Authentication and Firestore, to generating dynamic QR codes, and finally deploying the app to Google Cloud Run. The best part? We build this complex full-stack application without writing a single line of manual code. 🚀 What you will learn in this video: The Buyer Experience: How to build an AI Persona that answers questions about property amenities (like heated pools!) in real-time. The Agent Dashboard: Creating a secure portal for agents to list properties and manage leads. Firebase Integration: Setting up Auth (Login/Signup/Forgot Password) and Firestore Database connecting directly to AI Studio. Dynamic Features: How to generate printable QR code signage for every listing automatically. Deployment: Pushing your React app to Google Cloud Run for the world to see. 🛠️ Tech Stack Used: Google AI Studio (Gemini Pro/Ultra) Firebase (Authentication & Firestore) React Google Cloud Run 🔗 Resources & Links: My AI Community: Subscribe for more AI Tutorials: @suryakunju ⏱️ Timestamps: 0:00 - The "SuryaEstate" Experience 1:25 - The Agent Dashboard & Buyer Persona 2:45 - Phase 1: Firebase Configuration (Auth & DB) 5:30 - Phase 2: Vibe Coding in Google AI Studio 8:15 - Fixing Errors & Iterating with AI 10:00 - Testing the Full Stack App (Login & Data) 11:50 - Deploying to Google Cloud Run #GoogleAIStudio #GeminiAI #Firebase #WebDevelopment #VibeCoding #AIwithSurya #FullStack #React #NoCode