Personal Portfolio

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS.

Features

• 🌓 Dark/Light mode toggle
• 📱 Fully responsive design
• 🚀 Optimized performance
• 🎨 Clean and modern UI
• ✨ Smooth animations and transitions
• 📱 Mobile-first approach

Getting Started

1. Clone the repository

   git clone https://github.com/yourusername/portfolio.git
   cd portfolio

2. Install dependencies

   npm install
   # or
   yarn

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser to see the result.

Project Structure

portfolio/
├── app/                    # App directory
│   ├── components/         # Reusable components
│   │   ├── layout/         # Layout components
│   │   └── sections/       # Page sections
│   ├── assets/             # Static assets
│   ├── styles/             # Global styles
│   ├── layout.tsx          # Root layout
│   └── page.tsx            # Home page
├── public/                 # Static files
│   └── images/             # Image assets
├── .gitignore
├── next.config.js          # Next.js config
├── package.json
├── postcss.config.js       # PostCSS config
└── tailwind.config.js      # Tailwind CSS config

Customization

1. Update your information

   • Update the content in the respective component files in app/components/sections/
   • Replace the placeholder images in public/images/ with your own

2. Styling

   • Colors and fonts can be customized in tailwind.config.js
   • Global styles can be modified in app/globals.css

3. Deployment The easiest way to deploy your portfolio is to use Vercel, the creators of Next.js.

Technologies Used

• Next.js - React framework
• TypeScript - Type checking
• Tailwind CSS - Styling
• Framer Motion - Animations
• React Icons - Icons

License

This project is open source and available under the MIT License.