In this video, Harkirat walks you through building an AI-powered App Generator—a tool that transforms your ideas into fully functional mobile apps with minimal effort. Simply share your next big idea, and let AI handle the rest!
👉 Checkout Clerk → https://go.clerk.com/4v2jR7B
📚 𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹𝘀:
GitHub Repo (give it a star⭐) → https://github.com/code100x/mobile-magic
Harkirat will explain the idea behind the project, the technology used, and how it all works.
Tech Stack :
• Next Js (Frontend)
• Express (Primary Backend)
• Bun (Worker Backend)
• Docker
• Turborepo
• Cursor (IDE)
Timestamps -
00:00:00 - Introduction: What we are building
00:03:20 - Project Overview
00:09:36 - React Native 101
00:14:33 - HLD
00:16:10 - System Architecture
00:27:53 - Router Architecture
00:37:22 - Recap Till Now
00:39:58 - Initializing Mono Repo
00:41:00 - Postgres Setup with Prisma
00:44:32 - Redis Setup
00:46:19 - Building Primary Backend
00:54:46 - Backend Auth using Clerk
01:02:44 - Building Frontend
01:07:14 - Frontend Auth using Clerk
01:11:30 - Connecting to Backend
01:19:30 - Recap Till Now
01:21:37 - LLMs 101
01:33:14 - Curating System Prompt
01:41:47 - Worker Logic
01:54:20 - Recap Till Now
01:56:52 - VS Code Inside the Browser
02:08:24 - Demo
02:11:04 - Debugging Path Error
02:15:24 - Demo Continues
02:29:06 - Fixing UI Errors Using AI
02:30:38 - Building Prompting UI
02:48:00 - Debugging Import Alias Error
02:59:44 - Promoting from Frontend
03:05:40 - Testing on Mobile
03:08:04 - Bounties & Super-30 Submission