AI Artwork Gallery

Jazz Gallery

A curated AI artwork gallery with authentication, admin dashboard, and community submissions. Live on Render.com.

React 19 FastAPI Firestore JWT Auth

The Concept

A luxury-styled gallery
for AI-generated art

Public browsing with category filtering across 8 genres
Likes, favorites, and full-screen modal viewer
Community artwork submissions with admin approval workflow
Masonry grid layout with cinematic dark design
Role-based access with JWT authentication

Key Features

Everything you need to
curate and share

Masonry Grid

8 categories: Surreal, Portrait, Landscape, Abstract, Anime, Cinematic, Experimental, Narrative

Like / Favorite

Persistent like and favorite system across sessions for logged-in users

Community Submissions

Users submit artwork for admin review and approval before publishing

Batch Upload

Upload up to 50 images at once with spreadsheet-style metadata editor

Background Removal

Built-in rembg tool for removing image backgrounds server-side

Password Reset

Secure password reset flow via email with token-based verification

Architecture

Full-stack cloud-native design

Frontend

React 19 + TypeScript
Vite build tooling
Tailwind CSS + Framer Motion
Zod schema validation

Backend API

FastAPI (Python)
JWT: 15-min access + 7-day refresh
httpOnly cookies + auto-refresh
Roles: Admin, Editor, Viewer

Data Layer

Google Cloud Firestore
Google Cloud Storage
Resend (email)

Deployment

Render.com (frontend + backend)

Browser → React SPA → FastAPI REST → Firestore + GCS

Tech Stack

Built with modern tools

React 19UI Framework

TypeScriptType Safety

ViteBuild Tool

Tailwind 4Styling

Framer MotionAnimation

FastAPIBackend

FirestoreDatabase

GCSFile Storage

JWT / bcryptAuth

ResendEmail

ZodValidation

rembgBG Removal

Admin Dashboard

Complete content management

Stats Widgets

Real-time analytics on artworks, users, and engagement

CRUD Artworks

Create, read, update, and delete artworks with full metadata

Category Management

Organize artworks across 8 curated genre categories

Submissions Review

Approve or reject community-submitted artworks

User Management

Manage roles, contacts viewer, newsletter signups

Security

Production-grade security

bcrypt password hashing with 12 rounds
JWT stored in httpOnly cookies (no XSS exposure)
Rate limiting via SlowAPI on all endpoints
CORS configured for allowed origins only
Strict TypeScript throughout frontend codebase
52 passing tests covering auth, API, and UI flows

By The Numbers

Project at a glance

52

Tests Passing

8

Art Categories

50

Batch Upload Limit

3

Auth Roles

Jazz Gallery

Built by Jazz Lien

2026

Jazz Gallery

A luxury-styled galleryfor AI-generated art

Everything you need tocurate and share

Masonry Grid

Like / Favorite

Community Submissions

Batch Upload

Background Removal

Password Reset

Full-stack cloud-native design

Frontend

Backend API

Data Layer

Deployment

Built with modern tools

Complete content management

Stats Widgets

CRUD Artworks

Category Management

Submissions Review

User Management

Production-grade security

Project at a glance

Jazz Gallery

A luxury-styled gallery
for AI-generated art

Everything you need to
curate and share