Personal Website – Moments

DEC 2025 – JAN 2026


Summary

  • Built with Next.js 16, React 19, TypeScript, Tailwind CSS, and Drizzle ORM with Neon PostgreSQL
  • Supports likes, threaded comments, hashtag filtering, and full-text search with infinite scroll pagination
  • Secure authentication system with comprehensive content and profile management capabilities
  • Serverless API routes, Backblaze B2 image storage, and Vercel deployment-ready configuration

Iris is a full-stack photo-sharing and social feed application built with Next.js 16 and React 19. The platform enables users to share photos and memories in a visually appealing timeline format, organized chronologically by year and month.
Users can interact with posts through likes and threaded comments, search content by keywords or hashtags, and personalize their experience through theme switching (light/dark/system) and dynamic accent colors extracted from profile banners.

The project equips a comprehensive admin dashboard with secure authentication for managing posts, profile settings, and special usernames.
The backend leverages serverless API routes with Neon PostgreSQL (via Drizzle ORM) for data persistence and Backblaze B2 for cloud image storage.
Key technical highlights include infinite scroll pagination with SWR data fetching, responsive design with Tailwind CSS and shadcn/ui components, image optimization with Sharp, and deployment-ready configuration for Vercel.

More PROJECTS