LUMIER

Highlights

• -Luxury 'Atelier' design language targeting premium brand customers.
• -React 19 + Vite + Tailwind shell with fluid, responsive layout flows.
• -Node.js + Express API backed by PostgreSQL, Drizzle ORM, and Stripe billing.

Core Features

• -Multi-Image Input - upload up to six product images and synthesize them into a unified visual story.
• -Nine curated style presets with hand-tuned AI prompts.
• -Flexible output sizes at 1K, 2K, or 4K resolution.
• -Local history archive where IndexedDB stores every generated grid.
• -Subscription and credit economy with $19.99/mo for 50 credits plus optional one-time packs.

Technical Architecture

• -Frontend: React 19 + TypeScript + Vite + Tailwind for fast builds and cohesive theming.
• -Backend: Node.js + Express 5 API with Drizzle ORM on PostgreSQL (Neon-backed).
• -AI Services: Google Gemini 3.0 Pro Vision model for state-of-the-art image synthesis.
• -Payments: Stripe integration using stripe-replit-sync for managed webhooks and subscription lifecycle.
• -Authentication: Replit Auth with OpenID Connect covering Google, GitHub, and email login.

Key Technical Implementations

• -Secure server-side Gemini API routing so keys never hit the client bundle.
• -Atomic credit deduction with PostgreSQL row locking and transaction integrity.
• -Dual persistence strategy: localStorage for preferences and IndexedDB for image data.
• -Managed Stripe webhook configuration with UUID-based routing and fallbacks.
• -Drizzle ORM schema spanning users, sessions, generations, and credit transactions.
• -React Query integration powering optimistic updates and realtime data sync.

Design & Experience

• -Luxury 'Atelier' aesthetic featuring EB Garamond, Lato, and a warm sand/charcoal palette.
• -Progressive disclosure UX so simple upload flows unlock advanced controls contextually.
• -Responsive layout with fixed sidebar navigation beside a full-height generation workspace.
• -Micro-interactions and state feedback during generation for perceived responsiveness.

Security & Scalability

• -Environment-variable driven secrets management to guard Gemini and Stripe keys.
• -Session-based authentication with secure cookie handling.
• -Credit quota enforcement to prevent abuse while allowing flexible usage patterns.
• -Autoscale deployment configuration sized for production traffic.

Technical Highlights

• -Demonstrates AI-native tooling, SaaS monetization, and premium UX execution inside a single proof.