A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. This website showcases my professional experience, projects, and technical skills with a clean, minimalist design.
- ✨ Modern UI with smooth animations and transitions
- 📱 Fully responsive design that works on all devices
- 🌗 Custom animated logo and loading screen
- 🧩 Interactive experience timeline with tab navigation
- 🎯 Smooth scrolling between sections
- 🌈 Custom styled components with Tailwind CSS
- 📊 Project showcases in a card layout
- 📲 Mobile-friendly navigation with slide-in drawer
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS
- Icons: Lucide React
- Deployment: Vercel
- Node.js 18.17.0 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/your-username/portfolio.git
cd portfolio- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser to see the result.
/app- Next.js application routes and components/public- Static assets (images, resume, etc.)/app/components- Reusable UI components/app/providers- React context providers/app/globals.css- Global CSS and animations
To personalize this portfolio for your own use:
- Update the personal information in
app/page.tsx - Replace the profile picture in
public/portfolio-pic.jpg - Update the resume file in
public/Harsh-Resume.pdf - Modify the experience and projects sections in
app/page.tsx - Customize colors and styles in
tailwind.config.tsandapp/globals.css
The easiest way to deploy this portfolio is using Vercel, the platform from the creators of Next.js.
- Push your code to a GitHub repository
- Import your project to Vercel
- Vercel will detect Next.js automatically and apply the optimal settings
This project is open source and available under the MIT License.
- Design inspired by Brittany Chiang's Portfolio
- Icons provided by Lucide Icons