Tech Stack
A modern, high-performance portfolio website showcasing expertise in both software engineering and AI/ML technologies. Built with Next.js 14 (App Router), TailwindCSS, and deployed on self-hosted VPS using Docker and Coolify. Demonstrates production-grade web development practices: WCAG 2.1 AA accessibility compliance, TypeScript strict mode throughout, skip navigation links, ARIA attributes, focus management, and semantic HTML. Features comprehensive project showcase with category filtering, skills display organized by 7 categories, contact form with validation, and complete mobile responsiveness. Includes accessibility documentation and systematic testing for compliance.
Screenshots
Key Highlights
Next.js 14 with App Router for performance
WCAG 2.1 AA accessibility compliance throughout
TypeScript strict mode for type safety
Skip navigation and ARIA attributes for screen readers
Visible focus indicators and keyboard navigation
Responsive mobile-first design
Project showcase with category filtering
Skills display organized by 7 categories
Contact form with validation and error handling
Docker deployment ready with Coolify
Metrics
WCAG AA
TypeScript