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
???? 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
- Catégories
- prompts ia
Commentaires