Gemini Retro Camera

A full-stack web application that recreates the nostalgic experience of instant photography in a digital format. Users can capture photos using their device's camera, apply retro-style filters powered by Gemini AI, add personalized messages, and share their creations in a beautiful gallery interface. Deployed on Cloudflare's edge network for blazing-fast performance worldwide.

Tech Stack

Next.js React TypeScript Tailwind CSS Google Gemini AI Cloudflare Workers Cloudflare D1 Cloudflare R2 Lucide React Motion Swiper

frontend

→Next.js 15 App Router
→React 19
→TypeScript
→Tailwind CSS
→Motion for animations
→Lucide React icons

backend

→Next.js API Routes on Cloudflare Workers
→Google Gemini API for image processing
→Rate limiting with rate-limiter-flexible

database

→Cloudflare D1 (SQLite at the edge)

storage

→Cloudflare R2 for photo storage
→Cloudflare Images for optimized delivery

deployment

→Cloudflare Workers/Pages with OpenNext adapter
→Vercel for initial deployment with edge functions

Performance

lighthouse

0.8s

first Contentful Paint

1.2s

time To Interactive

145KB

bundle Size

Key Features

#1Real-time camera access with front/back camera switching

#2Advanced filters with live preview powered by Gemini AI

#3Interactive photo editing with drag, rotate, and position

#4Secure upload system with Cloudflare R2 storage and file validation

#5Responsive gallery with animated photo cards and flip animations

#6Rate limiting and input sanitization for security

#7Edge performance with Cloudflare Workers and D1 database

#8Offline capability with session storage caching