Project Portfolio

Purpose

This project is a personal portfolio and interactive showcase. It highlights design, development, and creative work through a playful, modern web experience. The site is built to be both a resume and a living playground for UI/UX, featuring draggable modals, responsive layouts, and fun surprises for visitors.

Getting Started

1. Clone the repository:

git clone <your-repo-url>
cd project-website

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 with your browser to see the result.

Project Structure

src/
├── app/                  # Next.js app router pages
│   ├── page.tsx          # Home page
│   ├── portfolio/        # Portfolio page
│   └── ...
├── components/           # React components
│   ├── about/            # About page components (Intro, Me, Book, Spotify, Pantone, etc.)
│   ├── modals/           # Draggable modals (modal1, modal2, modal3)
│   ├── portfolio/        # Portfolio folders (Design, Experience, Project)
│   └── ...
└── ...

License

MIT