Mohammad Kaif Kazi - Portfolio

A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS.

🚀 Features

• ⚡ Built with Vite for blazing-fast development
• 🎨 Modern UI with Tailwind CSS
• 🌙 Dark/Light mode toggle
• 📱 Fully responsive design
• ♿ WCAG compliant accessibility
• 🎭 Smooth animations with Framer Motion
• 📝 TypeScript for type safety
• 🎯 SEO optimized

🛠️ Tech Stack

• Framework: React 18
• Language: TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons
• Form Handling: React Hook Form
• Email Service: EmailJS

📦 Installation

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

🏗️ Project Structure

portfolio/
├── public/              # Static assets
├── src/
│   ├── components/      # React components
│   │   ├── layout/     # Layout components (Header, Footer)
│   │   ├── sections/   # Section components (Hero, About, etc.)
│   │   └── ui/         # Reusable UI components
│   ├── contexts/       # React contexts (Theme)
│   ├── hooks/          # Custom hooks
│   ├── data/           # Static data files
│   ├── styles/         # Global styles
│   ├── types/          # TypeScript types
│   └── utils/          # Utility functions

📝 License

© 2025 Mohammad Kaif Kazi. All rights reserved.