Modern portfolio website for an AI-First Full Stack Engineer. Configuration-driven architecture with Next.js 15, TypeScript, and shadcn/ui components.
pnpm install
pnpm dev
# Open http://localhost:3000- Configuration-driven content: Single source of truth in
config/portfolio.ts - Active section navigation: Real-time scroll-based navigation highlighting
- Responsive project showcase: Featured and grid layouts for different project types
- Enhanced accessibility: Improved scroll behavior and section identification
- TypeScript + Zod validation: Runtime schema validation for portfolio data
- Advanced project filtering: Multi-dimensional categorization with real-time filtering
- Dark theme optimized: Professional design with gradient accents
- Framework: Next.js 15 with App Router
- Language: TypeScript 5
- Styling: Tailwind CSS 4 + shadcn/ui
- Animation: Framer Motion
- Deployment: Vercel
Full portfolio sections are now active with enhanced navigation:
- Hero Section: Added section ID and improved scroll navigation
- About Section: Personal info and technology showcase
- Projects Section: Renamed to "My Work" with featured/other project layouts
- Navigation: Active section highlighting with improved intersection observer
- Setup Guide - Installation and configuration
- Configuration Reference - Portfolio config schema
- Architecture Overview - System design
- Project Filtering System - Multi-dimensional project categorization
- Contributing Guidelines - Contribution workflow
pnpm dev # Development server
pnpm build # Production build
pnpm start # Production server
pnpm lint # ESLintSee CONTRIBUTING.md for contribution guidelines.
MIT License - see LICENSE file for details.
Contact: [email protected] | Website: rhyan.dev