A beautiful, modern portfolio website built with Next.js and Tailwind CSS.
- 🎨 Modern Design: Clean and professional design with gradient backgrounds and glass effects
- 📱 Responsive: Fully responsive design that works on all devices
- ⚡ Fast: Built with Next.js for optimal performance
- 🎯 Interactive: Smooth scrolling navigation and hover effects
- 📝 Complete Sections: Hero, About, Skills, Projects, and Contact sections
- Hero Section: Eye-catching introduction with call-to-action buttons
- About Section: Personal information with skill progress bars
- Skills Section: Technology stack with colorful cards
- Projects Section: Portfolio showcase with project cards
- Contact Section: Contact form and contact information
- Navigation: Fixed navigation bar with smooth scrolling
- Next.js 15 - React framework
- Tailwind CSS 4 - Utility-first CSS framework
- TypeScript - Type safety
- React 19 - Latest React features
- Node.js 18+ installed on your machine
- npm or yarn package manager
-
Clone or download this project
-
Navigate to the project directory:
cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser to see the result.
Update the following in app/page.tsx:
- Name and title in the Hero section
- About section content
- Contact information
- Project details
- Colors and gradients can be modified in the Tailwind classes
- Custom CSS is available in
app/globals.css
Add new projects to the projects array in the Projects section of app/page.tsx.
This project can be easily deployed to Vercel:
- Push your code to GitHub
- Connect your repository to Vercel
- Deploy automatically
portfolio/
├── app/
│ ├── page.tsx # Main portfolio page
│ ├── layout.tsx # Root layout
│ └── globals.css # Global styles
├── public/ # Static assets
├── package.json # Dependencies
└── README.md # This file
This project is open source and available under the MIT License.
Built with ❤️ using Next.js & Tailwind CSS