Portfolio

Professional full-stack developer portfolio built with Next.js, TypeScript, and Tailwind CSS.

Tech Stack

• Next.js 16 - React framework with App Router
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first styling
• Vercel - Deployment platform

Design Philosophy

• Dark mode by default
• Minimal color palette with single accent color
• Large typography with generous spacing
• Subtle transitions and hover states
• Mobile-first, fully responsive
• Focus on readability and intentionality

Project Structure

portfolio/
├── src/
│   ├── app/              # App Router pages
│   │   ├── layout.tsx    # Root layout with metadata
│   │   ├── page.tsx      # Homepage
│   │   └── globals.css   # Global styles
│   └── components/       # Reusable components
├── public/               # Static assets
└── package.json          # Dependencies

Getting Started

Install dependencies:

npm install

Run development server:

npm run dev

Build for production:

npm run build

Start production server:

npm start

Development

• Open http://localhost:3000 to view in browser
• Edit files in src/app/ to see changes
• TypeScript and ESLint configured for code quality
• Tailwind CSS for rapid styling

Deployment

Optimized for deployment on Vercel:

1. Push code to GitHub repository
2. Import project in Vercel dashboard
3. Deploy automatically on every push

Content Guidelines

• Personal projects only (no proprietary work)
• Confident, concise copy
• No buzzwords or inflated metrics
• Focus on what was built, why, and with what

Architecture Notes

• Clean component structure
• Accessible HTML with semantic elements
• SEO-friendly metadata
• Minimal dependencies
• Type-safe with TypeScript strict mode