Giggle Client

A web interface for AI image creation: from writing prompts and choosing models to browsing galleries and experimenting with image editing.

Project overview

Built the Next.js and React client for the CheekyGen application, connecting a responsive creation interface to Supabase authentication and generation APIs. The client complements the Giggle Gen infrastructure, bringing prompts, generation settings, and image browsing into one workflow.

Engineering work

Creation controls. Positive and negative prompt editing, model selection, persistent settings, seed management, and LoRA controls built as reusable React components and hooks.
Image browsing. Creations, public, favourites, and session galleries with per-gallery sorting and share-link support.
Accounts and APIs. Supabase authentication with Google, Discord, and email login options, plus server routes connecting the interface to image generation.
Image-editing experiments. Upload preparation, original/result comparison, refresh recovery, and masked editing with brush tools and optional automatic segmentation.
Operational tools. Admin views for jobs and workers, alongside editor GPU controls with explicit session approval and spending limits.

Technologies

TypeScript · Next.js · React · Tailwind CSS · Supabase · TanStack Query · Swiper · Playwright

CV summary

Built a TypeScript, Next.js, and React client for an AI image-generation platform, integrating Supabase authentication, reusable prompt and model controls, sortable galleries, and generation APIs. Developed image-editing experiments with masked selections, result comparison, and job recovery, plus administrative tools for GPU operations.