Kenang-Kenangan KKN 2026

Single-page React + Tailwind site that captures the warm, vintage, and nostalgic atmosphere of a KKN memory gallery.

Tech Stack

• React 18 with functional components and hooks
• Vite for lightning-fast dev/build experience
• Tailwind CSS with custom typography (Playfair Display & Poppins)

Getting Started

1. Install dependencies

   npm install

2. Run the development server

   npm run dev

3. Build for production

   npm run build

4. Preview the production build

   npm run preview

Key Features

• Hero header with subtle fade-in motion and vintage-inspired palette
• Horizontal polaroid-style gallery with auto-scrolling carousel + manual drag
• Clickable photos that open a modal with larger image & description
• Fully responsive layout tailored for both mobile and desktop

Customization

Update src/data/photos.js to plug in real KKN photos, captions, and descriptions.