A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Features include dark mode support, smooth animations, and a mobile-friendly design.
- 🎨 Modern and clean design
- 🌓 Dark mode support
- 📱 Fully responsive
- ⚡ Smooth animations with Framer Motion
- 🎯 SEO optimized
- 🚀 Fast performance with Next.js
- Clone the repository
- Install dependencies:
npm install
- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
Update your profile information in app/page.tsx:
- Profile picture
- Name and title
- Professional summary
- Skills
- Experience
- Projects
Add your projects in the projects array in app/page.tsx:
const projects = [
{
title: "Your Project",
description: "Project description",
technologies: ["React", "TypeScript", "Node.js"],
imageUrl: "/project-image.jpg",
projectUrl: "https://your-project.com",
githubUrl: "https://github.com/yourusername/project",
},
// Add more projects...
];The website supports both light and dark themes. The theme toggle is available in the navigation bar, and the user's preference is saved in localStorage.
The website uses Tailwind CSS for styling. You can customize the colors, spacing, and other design elements in the tailwind.config.js file.
The website can be easily deployed to Vercel:
- Push your code to GitHub
- Import your repository in Vercel
- Deploy!
This project is open source and available under the MIT License.