PORTFOLIO_INFO.md

Muthukumaran Muthiah - Portfolio Website

Overview

An interactive, animated portfolio website built with Next.js 16, React 19, TypeScript, and Framer Motion.

Features

✨ Interactive Animations

• Smooth page transitions using Framer Motion
• Hover effects on all interactive elements
• Animated background blobs
• Staggered content animations
• Floating scroll-to-top button

📑 Content Tabs

The portfolio is organized into 5 main sections:

1. About - Introduction, profile summary, and key stats
2. Skills - Technical skills organized by categories (Programming, Frameworks, Databases, Cloud, Tools)
3. Experience - Professional journey with timeline view
4. Projects - Showcase of major projects with technologies used
5. Contact - Contact information and message form

🎨 Design Features

• Modern gradient designs
• Dark mode support
• Responsive layout (mobile, tablet, desktop)
• Custom scrollbar
• Glassmorphism effects
• Smooth scroll behavior

🔧 Technologies Used

• Frontend: Next.js 16, React 19, TypeScript
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Development: Turbopack (Next.js 16)

Content Based on Resume

All content is extracted from Muthukumaran's actual resume:

• Name: Muthukumaran Muthiah
• Title: Senior Software Engineer & Full-Stack Developer
• Location: Chennai, India
• Experience: 7+ years
• Email: kumaranpassion2work@outlook.in
• Phone: +91 9788986059

Running the Project

# Development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

The site runs on http://localhost:3000

Key Highlights

• Focus on skills over product details
• Brief mentions of work experiences (Learnship Technologies)
• Multiple tabs for content segregation
• Creative emoji-based icons
• Extensive animations for interactivity
• Modern, professional design