A modern, interactive portfolio website built with Next.js 14, TypeScript, and Tailwind CSS. This portfolio showcases my work, skills, and experience in a visually appealing and user-friendly way.
- Modern Design: Clean and minimalist interface with smooth animations
- Interactive Elements: Custom animated cursor and hover effects
- Responsive Layout: Fully responsive design that works on all devices
- Performance Optimized: Built with Next.js for optimal performance and SEO
- Smooth Animations: Using Framer Motion for fluid transitions and interactions
- Dark Mode: Elegant dark theme with custom color palette
- Analytics Integration: Built-in analytics with Vercel Analytics and Microsoft Clarity
- Framework: Next.js 14
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Analytics: Vercel Analytics, Microsoft Clarity
- Deployment: Vercel
- Clone the repository:
git clone https://github.com/yourusername/portfolio-site.git- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open http://localhost:3000 in your browser.
The site is deployed on Vercel. Any push to the main branch will automatically trigger a deployment.
- Home: Introduction and hero section
- About: Personal information and background
- Skills: Technical skills and expertise
- Work: Portfolio projects and experience
- Contact: Contact information and form
- Resume: Downloadable resume
The site uses a custom color scheme and can be easily customized by modifying:
tailwind.config.jsfor color palette and theme settingsapp/globals.cssfor global styles- Component-specific styles in their respective files
This project is licensed under the MIT License - see the LICENSE file for details.
Feel free to reach out to me at hi@sohel.tech or connect with me on LinkedIn.
Made with ❤️ by Sohel Shekh