Photography website

Sep 20, 2025

Photography website — 'Metamorphosis Art Photo' hero screen, project cover

Project Overview

This showcase is a visually striking editorial photography portfolio, crafted from scratch to embody a minimalistic and kinetic aesthetic. The project's goal was to elevate visual storytelling by merging dynamic user experiences with a refined monochrome palette—perfect for presenting both artistic and photographic works.

The development followed an experimental flow, progressing from visual ideation in Affinity and collaborative prototyping in Figma, through rapid design generation with Lovable for the site skeleton, and refined coding in Cursor. The process was orchestrated on GitHub for seamless collaboration and ultimately deployed to Vercel, achieving a performant, production-ready result with seamless transitions and interactive gestures, adding a cinematic layer to the viewing experience.

Photography site code and Cursor workflow screenshotPhotography site kinetic typography screenshot

My Responsibilities

  • Component Engineering: Implemented modular UI components (carousels, drawers, command palettes, OTP inputs) for high adaptability and smooth user flows.
  • State Management & Routing: Utilized TanStack React Query for efficient data fetching and React Router DOM for intuitive multi-section navigation.

Core Tech & Libraries

  • Frameworks & Build Tools: React, Vite, TypeScript, GitHub, Vercel, Cursor, Lovable
  • Motion & Animation: GSAP, Framer Motion, Anime.js, Tailwind CSS Animate
  • Styling: Tailwind CSS, PostCSS, Autoprefixer, Tailwind Typography, Class Variance Authority, Tailwind Merge, CLSX
  • Form Handling: React Hook Form, Zod, Input OTP
  • Components: Lucide React, CMDK, Embla Carousel, React Resizable Panels, React Day Picker, Vaul, Sonner, Next Themes, Recharts
  • Development Tools: ESLint, TypeScript ESLint, Vite plugins

Impact & Vision

This project focused on blending technical excellence with artistic presentation. The result is a modern, responsive portfolio that showcases not just photographic work, but also the potential of interactive UI and contemporary animation in elevating digital storytelling.

A strong emphasis was placed on modularity, performance, and maintainability, with an open codebase for future enhancement and adaptation.

Visit the live site