A modern, responsive portfolio website showcasing my work as an AI enthusiast and full-stack developer. Built with React, TypeScript, and Framer Motion for smooth animations.
- Modern Design: Clean, professional design with smooth animations
- Dark/Light Mode: Toggle between dark and light themes
- Responsive: Fully responsive design that works on all devices
- Interactive: Smooth scroll animations and hover effects
- Fast Loading: Optimized for performance
- Accessible: Built with accessibility best practices
Visit the live website: https://mehak-chauhan-portfolio.netlify.app/
- React 18 - Frontend framework
- TypeScript - Type safety
- Tailwind CSS - Styling
- Framer Motion - Animations
- Lucide React - Icons
- Vite - Build tool
├── src/
│ ├── App.tsx # Main application component
│ ├── main.tsx # Application entry point
│ ├── index.css # Global styles
│ └── vite-env.d.ts # Vite type definitions
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── vite.config.ts
- Hero Section - Introduction with animated profile image
- About - Personal background and quick facts
- Skills - Technical skills with progress bars
- Projects - Featured work and projects
- Contact - Get in touch section
- Node.js (version 16 or higher)
- npm or yarn
The website is fully responsive and optimized for:
- Desktop (1024px and above)
- Tablet (768px - 1023px)
- Mobile (320px - 767px)
The website features smooth animations powered by Framer Motion:
- Scroll-triggered animations
- Hover effects
- Page transitions
- Loading animations
- Interactive cursor
Toggle between light and dark themes with the theme switcher in the navigation. The preference is saved in localStorage.
- Connect your GitHub repository to Netlify
- Set build command:
npm run build - Set publish directory:
dist - Deploy!
This project is open source and available under the MIT License.
Give a ⭐️ if you like this project!