Build and Deploy a Full-Stack AI App (Completely Free)
JavaScript Mastery
256,640 views
The Agentic Engineering Course is LIVE! 🔥
Invest in your engineering future 👉 https://jsm.dev/ai
In this video, you'll build an AI-powered architectural visualization SaaS using React, TypeScript, and Puter.js Use AI models from Claude to Gemini to transform 2D floor plans into photorealistic 3D renders with permanent hosting and persistent metadata. This project features 2D-to-3D photorealistic rendering, serverless workers, high-performance KV storage, and a global community feed.
Puter.js: https://jsm.dev/roomify-puterjs
Puter.com: https://jsm.dev/roomify-puter
CodeRabbit: https://jsm.dev/roomify-coderabbit
Junie AI: https://jsm.dev/roomify-junie
WebStorm: https://jsm.dev/roomify-webstorm
🎁 Video Kit (Code, Assets, Prompts): https://jsm.dev/roomify-kit
📋 Join the Backend Course Waitlist: https://jsm.dev/roomify-backend
⭐ More JSM Pro Courses: https://jsm.dev/roomify-jsm
➤ Links not working? Some regions may need a VPN.
Discord: discord Twitter: jsmasterypro Instagram: javascriptmastery LinkedIn: javascriptmastery
Business Inquiries: contact@jsmastery.pro
Timestamps:
00:00:00 — Introduction
00:04:46 — Project Setup
00:12:16 — Navbar
00:22:44 — Authentication
00:36:19 — Homepage
00:46:13 — Upload Files
01:09:18 — Project Architecture
01:12:13 — Hosting Images
01:26:18 — Create Project
01:48:11 — Generate 3D Design
02:11:05 — Worker in Action
02:21:47 — Display Data
02:47:22 — Compare Designs
02:59:53 — Deployment
20 Comments
Build and Deploy a Full-Stack AI App (Completely Free)
JavaScript Mastery
256,640 views
The Agentic Engineering Course is LIVE! 🔥
Invest in your engineering future 👉 https://jsm.dev/ai
In this video, you'll build an AI-powered architectural visualization SaaS using React, TypeScript, and Puter.js Use AI models from Claude to Gemini to transform 2D floor plans into photorealistic 3D renders with permanent hosting and persistent metadata. This project features 2D-to-3D photorealistic rendering, serverless workers, high-performance KV storage, and a global community feed.
Puter.js: https://jsm.dev/roomify-puterjs
Puter.com: https://jsm.dev/roomify-puter
CodeRabbit: https://jsm.dev/roomify-coderabbit
Junie AI: https://jsm.dev/roomify-junie
WebStorm: https://jsm.dev/roomify-webstorm
🎁 Video Kit (Code, Assets, Prompts): https://jsm.dev/roomify-kit
📋 Join the Backend Course Waitlist: https://jsm.dev/roomify-backend
⭐ More JSM Pro Courses: https://jsm.dev/roomify-jsm
➤ Links not working? Some regions may need a VPN.
Discord: discord Twitter: jsmasterypro Instagram: javascriptmastery LinkedIn: javascriptmastery
Business Inquiries: contact@jsmastery.pro
Timestamps:
00:00:00 — Introduction
00:04:46 — Project Setup
00:12:16 — Navbar
00:22:44 — Authentication
00:36:19 — Homepage
00:46:13 — Upload Files
01:09:18 — Project Architecture
01:12:13 — Hosting Images
01:26:18 — Create Project
01:48:11 — Generate 3D Design
02:11:05 — Worker in Action
02:21:47 — Display Data
02:47:22 — Compare Designs
02:59:53 — Deployment
Invest in your engineering future 👉 https://jsm.dev/ai
Wanna build like I do?
➤ JSM Skills: https://jsmastery.com/skills
➤ JSM Workflow: https://jsmastery.com/workflow-guides
Links not working? Some regions may need a VPN.
Something's missing? Leave a comment, or contact support@jsmastery.pro
🎁 Looking for Code, Prompts? Look for the "Video Kit" link in description.