Generate AI Room Photo - Replicate - Part 1

Build a SaaS AI Platform: Web + Admin Dashboard + iOS App

Getting Started

Layout Design

Create a Navbar (7:34)
Landing Page: Design a Hero Image - Part 1 (5:05)
Landing Page: Design a Hero Image - Part 2 (2:18)
Landing Page: Design a Showcase (4:24)
Landing Page: Statistics UI (4:13)
Landing Page: Testimonials (2:44)
User Menu (5:46)

Authentication Flow

Room Designs: Generate AI Photos

Generate AI Room Photo Route (10:48)
Dropzone Uploader with Bytescale - Part 1 (6:51)
Dropzone Uploader wth Bytescale - Part 2 (4:49)
Generate AI Room Photo - Replicate - Part 1 (7:03)
Generate AI Room Photo - Replicate - Part 2 (4:43)
Loading Status (3:10)
Add a Slider to compare Photos (7:59)
Download Photos (3:49)
Save Photos to MongoDB (5:19)
Add notifications using react-hot-toast (2:24)
User Credits (5:27)
My Rooms route - Part 1 (5:20)
My Rooms route - Part 2 (4:36)
Add Pricing Page (6:13)

Payment Integration with Stripe

Set up Stripe (3:12)
Retrieve Products from Stripe (11:39)
Stripe: Create Checkout Session (5:11)
Implement Stripe Webhooks (6:36)
Sending Email Using Amazon SES (6:13)

Admin Dashboard

Set up Admin Dashboard Page (6:17)
Responsive Dashboard Sidebar Menu (3:38)
Admin dashboard: Cards UI component (3:45)
Bar Chart UI component (6:44)
Recent Orders UI component (2:46)
Admin Dashboard: Customers Page (5:25)
Admin Dashboard: Orders Page (1:22)
Create Order Model (3:56)
Dashboard Page: Display Data Part 1 (5:57)
Dashboard Page: Display Data Part 2 (5:10)
Customers Page: Display User Data (1:43)
Orders Page: Display Orders Part 1 (2:23)
AI Photo Page: Display Photo Data - Part 1 (5:43)
AI Photo Page: Display Photo Data - Part 2 (4:07)
Protect Admin Route (2:29)

Deployment

Web - Resource

iOS app - SwiftUI

Lesson content locked

If you're already enrolled, you'll need to login.