My Portfolio

A modern, responsive portfolio website built with React, Vite, and Tailwind CSS. Showcases projects, skills, and contact information in a visually appealing and interactive manner.

Table of Contents

• My Portfolio
  • Table of Contents
  • Features
  • Tech Stack
  • Getting Started
    • Prerequisites
    • Installation
    • Running Locally
    • Building for Production
  • Project Structure
  • Screenshots
  • Contributing
  • License

Features

• Responsive design for all devices
• Animated transitions using Framer Motion
• Project showcase with images
• About, Contact, and Home sections
• Mobile-friendly navigation menu
• Loading screen animation

Tech Stack

• React
• Vite
• Tailwind CSS
• Framer Motion

Getting Started

Prerequisites

• Node.js (v16+ recommended)
• pnpm (or npm/yarn)

Installation

pnpm install

Running Locally

pnpm run dev

Open http://localhost:5173 to view in your browser.

Building for Production

pnpm run build

Project Structure

my-portfolio/
├── public/
│   ├── icons/           # Technology icons
│   ├── project-images/  # Project showcase images
│   └── ...
├── src/
│   ├── assets/          # Static assets
│   ├── components/      # Reusable components
│   │   ├── sections/    # Page sections (home, about, projects, contact)
│   ├── styles/          # CSS files
│   ├── App.jsx          # Main app component
│   ├── main.jsx         # Entry point
│   └── index.css        # Global styles
├── package.json
├── vite.config.js
└── README.md

Screenshots

Add screenshots or GIFs of your portfolio here to showcase the UI and features.

Contributing

Contributions are welcome! Please open issues or submit pull requests for improvements.

License

This project is licensed under the MIT License.