🚀 MyPortfolio

A sleek, dark-themed developer portfolio built with modern web tech
React ⚛️ + TypeScript 🧠 + Vite ⚡ + Tailwind 💨 + Framer Motion 🎞️

🔗 Live Site • 🧑‍💻 GitHub • 💼 LinkedIn •

---

🛠️ Tech Stack

Tech	Why I Used It
React	Reusable components & lightning-fast UI ⚛️
TypeScript	Because type safety is ✨ self-care ✨
Vite	For that ⚡ speedy dev experience
Tailwind CSS	Utility-first CSS = rapid styling 🧵
Framer Motion	Smooth animations for that wow effect 🎥

---

📁 Project Structure

MyPortfolio/
├── public/            # Static assets (favicon, preview GIF, etc.)
├── src/
│   ├── assets/        # Images and icons
│   ├── components/    # UI building blocks
│   ├── pages/         # Sections like About, Projects, Contact
│   ├── App.tsx        # Root component
│   └── main.tsx       # Entry point
├── tailwind.config.js # Tailwind config
├── vite.config.ts     # Vite config
└── package.json       # Dependencies and scripts

---

Portfolio Website

A modern, responsive developer portfolio built with React, TypeScript, Vite, and Tailwind CSS.
Showcases your projects, skills, timeline, certificates, and contact information with a clean UI and smooth animations.

---

✨ Features

• Responsive Design – Looks great on all devices
• Dark/Light Mode – Toggle between themes (dark by default)
• Animated Sections – Smooth transitions with Framer Motion and Anime.js
• Project Showcase – Highlight your best work
• Timeline – Display your experience and education
• Certificates Modal – Click to view certificates in a fullscreen modal
• Contact Form – Send messages via EmailJS
• Deployed with GitHub Pages

---

🚀 Getting Started

1. Clone the repository

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

2. Install dependencies

npm install

3. Start the development server

npm run dev

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

---

⚙️ Configuration

EmailJS (Contact Form)

1. Sign up at EmailJS and create a service, template, and get your public key.
2. Update your contact form code with your EmailJS Service ID, Template ID, and Public Key.

Profile & Content

• Update your profile image in src/assets/Profile.jpg.
• Edit your personal info, projects, timeline, and certificates in the respective components.

---

🛠️ Scripts

Command	Description
npm run dev	Start development server
npm run build	Build for production
npm run preview	Preview production build
npm run lint	Run ESLint
npm run deploy	Deploy to GitHub Pages

---

📦 Built With

• React
• TypeScript
• Vite
• Tailwind CSS
• Framer Motion
• Anime.js
• EmailJS
• Lucide Icons

---

📄 License

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

---

🙋‍♂️ Author

Piyush Soni
GitHub • LinkedIn

---

Feel free to fork, customize, and use this portfolio as your own.