chimeralens Project Architecture
ChimeraLens Project Architecture & Technical Workflow
User Client
Frontend (Vercel)
Backend (NestJS / Render)
Third-Party Services
Browser 1
Browser 2
Browser 3
Browser ...
Next.js App
ImageUploader.tsx
(Face Detection)
MediaPipe.js
NestJS API
Guest Middleware
Generation Service
Auth Service
Billing Service
Replicate API
Cloudinary
PostgreSQL DB
Firebase Auth
Stripe API
Upstash (Redis)
Resend API
1. Upload Image
2. Face Detect
3. API Request
4. Upload to Cloudinary
5. Call Replicate
6. Get Result
7. Save Result
8. Save to DB
9. Return URL
10. Display Result
← Back to Portfolio
YzY Studio