Mockify

Mockify je AI platforma za generisanje dinamičkih 3D mockup-a direktno u browseru.

Projekat je dizajniran i razvijen od nule, sa fokusom na performanse, SEO i interaktivni 3D rendering.

Pregled

Korisnici mogu da generišu slike pomoću AI prompt-a i odmah ih vide na interaktivnim 3D mockup-ima uređaja renderovanim sa Three.js i React Three Fiber.

Aplikacija podržava višejezični sadržaj, responsive dizajn i server-side rendering korišćenjem Next.js 14.

Odgovornosti

• UI/UX dizajn u Figmi
• Frontend arhitektura
• 3D scene development
• AI integracija za generisanje slika
• Backend API arhitektura
• SEO optimizacija
• Optimizacija performansi

Tehnički detalji

Frontend je napravljen sa Next.js 14 koristeći SSR i SSG strategije za SEO i bolje performanse.

Interaktivni 3D rendering je implementiran korišćenjem Three.js i React Three Fiber, dok je backend infrastruktura napravljena sa NestJS i MongoDB.

Funkcionalnosti

• AI generisanje mockup-a
• Interaktivne 3D scene
• Real-time texture update-i
• Responsive dizajn
• Podrška za više jezika
• SEO optimizacija
• Dinamički rendering pipeline

Tehnologije

• Next.js 14
• React
• Three.js
• React Three Fiber
• NestJS
• MongoDB
• Blender
• Framer Motion
• Recoil
• TanStack Query

Rezultat

Platforma omogućava dizajnerima i developerima brži workflow za kreiranje mockup-a spremnih za prezentaciju direktno u browseru.