Portfolio

Personal portfolio website showcasing full-stack development projects and skills with a minimalist, high-contrast design.

Tech Stack

Framework: Astro 5.x, React 19, TypeScript Styling: Tailwind CSS v4, shadcn/ui, DaisyUI Animation: GSAP, Framer Motion 3D Graphics: Three.js, React Three Fiber

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

Development server runs at http://localhost:4321

Commands

Command	Action
npm install	Install dependencies
npm run dev	Start dev server
npm run build	Build for production
npm run preview	Preview production build

Project Structure

src/
├── components/     # React and Astro components
├── layouts/        # Page layouts
├── pages/          # Routes
├── styles/         # Global CSS with OKLCH variables
└── lib/            # Utilities

Design System

• Black, white, and gray color palette
• OKLCH format for smooth dark mode
• Switzer typeface
• Mobile-first responsive design