Clay's Pics
  • Gallery
  • About
Sign InSign Up

Clay's Pics

A modern, full-featured media management platform built with cutting-edge technologies

99% Complete
14 Features
10 Themes
TypeScript
What is Clay's Pics?
A comprehensive solution for managing, organizing, and sharing your photos and videos

Clay's Pics is a modern web application designed to provide a seamless experience for uploading, organizing, and sharing images and videos. Built with Next.js 14, TypeScript, and powered by Vercel's infrastructure, it combines professional-grade features with an intuitive interface.

Whether you're a photographer managing a portfolio, a family sharing memories, or a business organizing visual assets, Clay's Pics provides the tools you need with enterprise-level security and performance.

Recent Updates
Latest improvements and bug fixes

Timestamps, View Modes & Sorting Fixes

  • Dynamic build timestamps: About page now automatically updates with each deployment
  • My Media page: Added grid, masonry, and list view options with localStorage persistence
  • Fixed broken Gallery sort dropdown with proper URL parameter persistence
  • Added sort functionality to My Media, Albums, and Admin pages
  • All sort preferences now persist through navigation and page refreshes

Authentication & UI Improvements

  • Fixed authentication UI showing upload/create buttons to non-authorized users
  • Theme preferences now properly persist to database with immediate UI updates
  • Added breadcrumb navigation to Album, Gallery, Profile, and Tag pages
  • Fixed video thumbnails displaying correctly across all album views

Powerful Features

Everything you need to manage your media library

Multi-File Upload

Upload up to 50 files simultaneously with intelligent queue management and real-time progress tracking.

Image Management

Organize your photos with titles, descriptions, EXIF data extraction, and automatic optimization.

Video Streaming

Professional video transcoding and streaming powered by Mux with adaptive bitrate and thumbnails.

Smart Albums

Create albums with privacy controls, bulk selection, multiple view modes (grid/masonry/slideshow), and media management.

10 Unique Themes

Choose from Ocean, Forest, Sunset, Midnight, Cherry Blossom, Desert, Arctic, Neon, Autumn, or Monochrome - each with distinct styling.

Role-Based Access

Admin, User, and Viewer roles with customizable permissions and user approval workflow.

Full-Text Search

Search across titles, descriptions, and tags with debounced, real-time results.

Favorites

Star your favorite photos and videos for quick access with one-click filtering.

Tag Management

Full CRUD tag system with custom colors, search, sorting, usage tracking, and centralized management interface at /tags.

Short URLs & QR Codes

Share media and albums with short URLs (clays.pics/s/code) and downloadable QR codes.

Analytics Dashboard

Track uploads, user growth, storage usage, and system health with interactive charts.

Storage Quotas

Per-user storage tracking with visual meters, warnings, and automatic quota enforcement.

EXIF Data

Automatic extraction and display of photo metadata including camera, settings, location, and timestamp.

Bulk Operations

Select multiple items for batch delete, privacy changes, and album management.

Development Roadmap

Track our progress from conception to production

Foundation & Core Features
Phase 1-2
Complete
  • Next.js 14+ with TypeScript
  • Tailwind CSS + shadcn/ui
  • Prisma + Vercel Postgres
  • Auth.js with user approval
  • Vercel Blob Storage + Mux
Theme System & Gallery
Phase 3-5
Complete
  • 10 unique themes with distinct styling
  • Multi-file upload with progress tracking
  • Responsive gallery (grid/masonry/list views)
  • Media detail pages with permissions
Admin & Analytics
Phase 6-8
Complete
  • Admin dashboard with user management
  • Content moderation interface
  • Analytics with charts and insights
  • Enhanced UI for all pages
High-Value Features
Phase 9
Complete
  • Search functionality ✓
  • Favorites/starred media ✓
  • Video thumbnails ✓
  • Storage quotas ✓
  • EXIF data extraction ✓
  • Tag management system ✓
  • Bulk operations ✓
  • Short URLs & QR codes ✓
  • Album enhancements ✓
Testing & QA
Phase 10 (Current)
In Progress
  • Manual feature testing
  • Comprehensive unit tests
  • Integration testing
  • E2E testing with Playwright
  • Performance optimization
  • Accessibility audit
Future Enhancements
Phase 11
Planned
  • Image editing tools (crop, rotate, filters)
  • Email notifications
  • Duplicate detection
  • Advanced search filters
  • View counts & analytics

Technology Stack

Built with modern, production-ready technologies

FrameworkNext.js 14+ (App Router)
LanguageTypeScript (Strict Mode)
UITailwind CSS + shadcn/ui
DatabaseVercel Postgres + Prisma
AuthAuth.js (NextAuth v5)
StorageVercel Blob Storage
VideoMux Transcoding & Streaming
ChartsRecharts
DeploymentVercel Edge Network

Type Safety: Full TypeScript with strict mode ensures reliability and maintainability

Performance: Server-side rendering, edge optimization, and automatic code splitting

Security: RBAC, input validation, SQL injection prevention, and secure password hashing

Scalability: Serverless architecture with automatic scaling on Vercel's edge network

Why Clay's Pics?

Lightning Fast

Optimized for performance with edge caching, image optimization, and lazy loading

Secure by Default

Enterprise-grade security with role-based access, encrypted passwords, and HTTPS

Highly Customizable

10 distinct themes with unique styling - from professional to cyberpunk aesthetics

Smart Organization

Albums, tags, favorites, and search make finding your media effortless

99%
Complete
14
Features
10
Themes
0
Type Errors

Clay's Pics is actively developed and maintained. Built with ❤️ using Next.js, TypeScript, and Vercel.

Last Updated: November 7, 2025 at 2:49 PM PST • Version 0.1.0