This is a my modern, responsive portfolio website for Mark Lester D Laroya, a Network Support Engineer and Software Developer. The website showcases professional experience, technical skills, projects, and contact information through an elegant, animated interface.

Key Features:

• Fully responsive design optimized for desktop, tablet, and mobile devices
• Smooth animations and transitions using Framer Motion
• Dark/Light mode toggle for enhanced user experience
• Interactive skill progress bars with proficiency percentages
• Project showcase with technology stack badges and status indicators
• Comprehensive contact section with multiple communication channels
• Professional typography with excellent contrast and readability
• Mobile-first approach with touch-friendly navigation

---

🛠 Tech Stack Used

Frontend Framework:

• Next.js 14 - React framework with App Router for optimal performance
• React 18 - Modern React with hooks and functional components
• TypeScript - Type-safe JavaScript for better development experience

Styling & UI:

• Tailwind CSS - Utility-first CSS framework for rapid styling
• shadcn/ui - High-quality, accessible React components
• CSS3 - Custom animations and responsive design
• Tailwind CSS Animate - Additional animation utilities

Animations:

• Framer Motion - Production-ready motion library for React
• Custom CSS animations - Smooth transitions and micro-interactions

Icons & Assets:

• Lucide React - Beautiful, customizable SVG icons
• Next.js Image - Optimized image loading and performance

Development Tools:

• ESLint - Code linting for consistent code quality
• PostCSS - CSS processing and optimization
• Autoprefixer - Automatic vendor prefixing