Hari Manoj - Portfolio

A clean, accessible, and highly responsive portfolio website with smooth performance.

✨ Features

• Fully Responsive - Perfect on mobile (320px+), tablet, and desktop
• Smooth Performance - No lag, optimized animations
• High Contrast - WCAG AA compliant colors
• Accessible - Semantic HTML, keyboard navigation
• Clean Design - Professional and modern
• Fast Loading - Optimized bundle size

🚀 Tech Stack

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Framer Motion

📦 Quick Start

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

📱 Mobile Responsive

Fully optimized for all screen sizes:

• Mobile: 320px - 767px (single column, touch-friendly)
• Tablet: 768px - 1023px (2 columns)
• Desktop: 1024px+ (full layout)

All text, buttons, and spacing scale appropriately.

🎨 Design Features

• High contrast colors (gray-900 on white)
• Clear visual hierarchy
• Smooth scroll animations
• Touch-friendly buttons (min 44px)
• Readable font sizes on all devices
• Proper spacing and padding

🎯 Customization

Edit lib/data.ts to update:

• Personal information
• Metrics
• Skills
• Projects
• Timeline
• Contact details

Add your resume as public/resume.pdf

🚀 Deploy

vercel

✅ Accessibility

• Semantic HTML elements
• Proper heading hierarchy
• High contrast ratios
• Touch target sizes (44px minimum)
• Keyboard navigation support
• Screen reader friendly

License

MIT