PixiqueAI

01 — Overview

Prezentare proiect

PixiqueAI avea nevoie de un produs care să transforme procesarea AI de imagini — istoric un workflow tehnic, bazat pe scripturi — în ceva pe care oricine îl poate folosi direct din browser, fără a sacrifica performanța și fiabilitatea pe care un utilizator plătitor le așteaptă de la un produs SaaS.

02 — Challenge

Provocarea

Transformarea imaginilor cu AI este compute-heavy și asincronă prin natură. Provocarea centrală a fost proiectarea unei interfețe și arhitecturi backend care să gestioneze upload-uri, procesare AI în coadă, consum credite și billing, păstrând totuși o experiență instant și predictibilă pentru utilizatorul final.

03 — Approach

Abordarea

Construcția a început cu modelul de date: cum se relaționează imaginile, job-urile, creditele și utilizatorii, și cum trece starea de la „uploaded” la „processing” la „ready” fără să lase utilizatorul să ghicească. Apoi interfața a fost proiectată în jurul acelui state machine, nu invers — fiecare ecran reflectă exact unde se află un job.

04 — Solution

Soluția

Rezultatul este o aplicație Next.js și TypeScript cu Supabase pentru autentificare, storage și stratul relațional de date, Replicate alimentând modelele AI de imagini, și Stripe gestionând abonamente și top-up-uri de credite. Cloudflare stă în fața livrării media pentru încărcare rapidă și cached a imaginilor la nivel global, iar întreaga aplicație este deployată pe Vercel.

05 — Features

Funcționalități cheie

• →Upload imagini drag-and-drop cu validare client-side și feedback progres
• →Coadă procesare AI asincronă cu status job în timp real
• →Sistem de utilizare bazat pe credite legat de abonamente Stripe și top-up-uri one-off
• →Autentificare securizată și storage per-utilizator via Supabase
• →Procesare batch pentru multiple imagini într-un singur job
• →Interfață SaaS modernă și responsive, pentru desktop și mobil
• →Livrare imagini backed by CDN pentru timpi de încărcare rapizi global

06 — Outcome

Rezultat

PixiqueAI a fost lansat ca produs SaaS funcțional, live, cu flux end-to-end complet — de la sign-up, la upload, la procesare AI, la billing.

07 — Takeaways

Concluzii cheie

• Proiectarea în jurul stării asincrone de la început previne o interfață fragilă mai târziu.
• Un model de billing bazat pe credite trebuie aplicat consistent atât pe client cât și pe server ca să rămână de încredere.
• Externalizarea compute-ului greu către un provider AI specializat (Replicate) a menținut aplicația core lean și mentenabilă.