Classy Rebuild Studio

A cinematic digital memory book for the KGiSL Institute of Information Management batch. The site is built as a single-page React experience with section-based navigation, smooth animations, and a warm editorial visual style.

What the project does

• Starts with a full-screen hero intro.
• Moves into a timeline of the batch journey.
• Shows a yearbook-style section for class memories.
• Includes a media vault for photos and moments.
• Adds a message wall for reflections and farewell notes.

Tech Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• Framer Motion
• React Router
• Radix UI / shadcn-style components
• TanStack React Query

Available Scripts

Use the scripts from package.json:

• npm run dev - start the development server
• npm run build - create a production build
• npm run preview - preview the production build
• npm run lint - run ESLint
• npm run test - run Vitest once
• npm run test:watch - run Vitest in watch mode

Project Structure

• src/pages - page-level entry points
• src/components - reusable UI sections and shared components
• src/components/ui - base UI primitives
• src/index.css - global styles and theme tokens
• src/App.tsx - app routing and providers

Notes

This project is designed as a personal class memory site. You can customize the copy, images, and section names to match your batch or event.