🗂️ Table of Contents

• �️ Table of Contents
• 📌 Portfolio
• 🌍 Live Demo
• ✨ Features
• 📸 Screenshots
• ⚙️ Tech Stack
• 📂 Folder Structure
• 🛠️ Installation & Setup
• 🔗 Connect with Me

📌 Portfolio

A modern, responsive, and minimalistic portfolio showcasing my skills, projects, and expertise in React and TailwindCSS. Built with Vite, it ensures fast performance and an elegant UI.

Engineered with a modern tech stack – ReactJS, TailwindCSS, and Vite – to ensure a seamless user experience.

🌍 Live Demo

Experience it in action: Live Demo

✨ Features

• 📱 Fully Responsive Design – Ensures a seamless experience across all devices, from desktops to mobile phones.
• 🎨 Smooth Animations – Beautiful transitions and hover effects for an engaging user experience.
• 🖥️ Project Showcase – Displays all your featured projects with live demos and GitHub links.
• 📄 Downloadable Resume – Allows visitors to easily download your latest resume in PDF format.
• 🔗 Social Media Links – Quick access to LinkedIn, GitHub, and other social profiles.
• 💬 Interactive Contact Form – Lets users send messages directly via a beautiful, validated contact form.

📸 Screenshots

🧭 Navbar

🏠 Home

👤 About

🛠️ Skills

⚙️ Tech Stack

📂 Folder Structure

Portfolio/
├── src/
│   ├── assets/
│   │   ├── Home/
│   │   │   └── hero-pic.png
│   │   ├── Navbar/
│   │   │   └── PavithrJainLogo.png
│   │   ├── Projects/
│   │   │   ├── imageOne.png
│   │   │   └── imageTwo.png
│   │   └── index.js
│   ├── components/
│   │   ├── icons/
│   │   │   ├── Navbar/
│   │   │   │   ├── CloseIcon.jsx
│   │   │   │   └── HamburgerIcon.jsx
│   │   │   ├── Skills/
│   │   │   │   ├── CSSIcon.jsx
│   │   │   │   ├── ExpressJsIcon.jsx
│   │   │   │   ├── HTMLIcon.jsx
│   │   │   │   ├── JavaScriptIcon.jsx
│   │   │   │   ├── JestIcon.jsx
│   │   │   │   ├── MaterialUIIcon.jsx
│   │   │   │   ├── MongoDBIcon.jsx
│   │   │   │   ├── MySQLIcon.jsx
│   │   │   │   ├── NodeJsIcon.jsx
│   │   │   │   ├── PostmanIcon.jsx
│   │   │   │   ├── ReactJsIcon.jsx
│   │   │   │   └── TailwindCSSIcon.jsx
│   │   │   └── index.js
│   │   ├── layout/
│   │   │   ├── Header.jsx
│   │   │   ├── Footer.jsx
│   │   │   └── Navbar.jsx
│   │   ├── sections/
│   │   │   ├── About.jsx
│   │   │   ├── Projects.jsx
│   │   │   ├── Contact.jsx
│   │   │   └── Skills.jsx
│   ├── data/
│   ├── pages/
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .gitignore
├── dummy.pdf
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js

🛠️ Installation & Setup

1. 📥 Clone the repository

   git clone https://github.com/your-username/portfolio.git
   cd portfolio

2. 📦 Install dependencies

   npm install

3. 🚀 Start the development server

   npm run dev

4. 🌐 Open in browser The application will run at http://localhost:5173/

🔗 Connect with Me