Portfolio Website

A modern, responsive portfolio website built with Next.js and TailwindCSS.

Features

• Responsive design
• Smooth animations with Framer Motion
• Direct contact options with social links
• Modern UI with TailwindCSS
• Server-side rendering with Next.js
• TypeScript support

Getting Started

1. Clone the repository:

git clone <repository-url>
cd portfolio

2. Install dependencies:

npm install

3. Update the following files with your information:

• src/components/Hero.tsx: Update the introduction text and code snippet
• src/components/About.tsx: Update your profile information and work experience
• src/components/Projects.tsx: Add your own projects
• src/components/Skills.tsx: Update your skills
• src/components/Contact.tsx: Update your social links and contact information

4. Add your profile image:

• Add your profile image as public/profile.jpg
• Add project images to the public directory

5. Run the development server:

npm run dev

6. Open http://localhost:3000 to view your portfolio

Deployment

The easiest way to deploy this portfolio is using Vercel:

1. Push your code to a GitHub repository
2. Import your repository to Vercel
3. Deploy!

Built With

• Next.js
• TailwindCSS
• Framer Motion

License

This project is licensed under the MIT License.