🚀 Harsh Belekar — Personal Portfolio Website

A Clean, Responsive Personal Portfolio Website Built from Scratch using pure HTML, CSS, and JavaScript — Designed to showcase my Real-World Data Analytics, SQL, Python, and BI Projects in One Polished, Professional Space.

---

📌 Table of Contents

• 🔗 Live Demo
• ✨ Features
• 🗂️ Project Structure
• 🛠️ Tech Stack
• 📂 Sections Overview
• ⚙️ Setup & Local Run
• 🚢 Deployment
• 👤 Author

---

🔗 Live Demo

Check out the Live Demo :

🌐 https://harsh-belekar.github.io/ 🚀

---

✨ Features

• ✅ Fully Responsive — Works seamlessly across desktop, tablet, and mobile
• ✅ Single Page Application — Smooth section-based navigation without page reloads
• ✅ Interactive Project Filter — Filter projects by category: Data Analysis, Python, SQL, Power BI, Game Dev, Web Dev, IoT
• ✅ Skills Categorization — Organised skill cards grouped by domain
• ✅ Art Gallery Section — Personal anime-style artwork gallery
• ✅ Downloadable Resume — Direct PDF resume download button
• ✅ Social Links & Contact — LinkedIn, GitHub, Instagram integration
• ✅ Animated UI Elements — Smooth transitions and interactive components
• ✅ No Frameworks, No Libraries — Pure vanilla HTML, CSS & JS

---

🗂️ Project Structure

Harsh-Belekar.github.io/
│
├── index.html              # Main HTML file — entire portfolio structure
│
├── Css/
│   ├── style.css           # All Styling & Layout
│   └── responsive.css      # Responsiveness
│
├── JS/
│   ├── main.js             # Interactivity — navigation, filters, animations
│   └── projects.js         # Project navigation & raking
│
├── Assets/
│   ├── Images/             # Icons, avatar, SVGs, UI elements
│   │   └── SVG/            # Ionicons SVG icon set
│   ├── Project-Img/        # Project images
│   │   ├── Banners/           # Project thumbnail images
│   │   └── Project-Gallery/   # Project Gallery images
│   ├── Drawings/           # Anime art gallery images
│   └── Docs/
│       └── Harsh_Resume.pdf  # Downloadable resume
│
└── README.md               

---

🛠️ Tech Stack

Technology	Purpose
HTML5	Structure & semantic markup
CSS3	Styling, layout (Flexbox/Grid), responsive design, animations
JavaScript	DOM manipulation, navigation, project filtering, interactivity
GitHub Pages	Free static site hosting & CI/CD deployment
SVG / Ionicons	Scalable vector icons throughout the UI

---

📂 Sections Overview

Section	Description
About Me	Personal introduction, background, and what I do
Education	B.Sc. IT — N.B. Mehta Science College, Mumbai University
Experience	Data Analyst Intern @ Unified Mentor · Data Science Intern @ HexSoftwares
Skills	Categorised by domain: Data Engineering, Analytics, BI, Dev, AI, IoT
Projects	20+ real-world projects with GitHub links and filterable tags
Art Gallery	Personal anime artwork collection
Contact	Social links, resume download, and message form

---

⚙️ Setup & Local Run

No build tools or package managers needed. Just clone and open:

# Clone the repository
git clone https://github.com/Harsh-Belekar/Harsh-Belekar.github.io.git

# Navigate into the project folder
cd Harsh-Belekar.github.io

# Open in your browser
open index.html
# or on Windows
start index.html
# or on Linux
xdg-open index.html

You can also use the Live Server extension in VS Code for hot-reload during development.

---

🚢 Deployment

This site is deployed for free via GitHub Pages directly from the main branch.

Any push to main automatically reflects live at: https://harsh-belekar.github.io/

To deploy your own fork:

1. Fork this repository
2. Go to Settings → Pages
3. Set Source to main branch, / (root)
4. Your site will be live at https://<your-username>.github.io/

---

🧑‍💻 Author

👤 Harsh Belekar
📍 Data Analyst | Python Developer | SQL | Power BI | Excel | Data Visualization
📬 LinkedIn | 🔗GitHub

📧 harshbelekar74@gmail.com

---

⭐ If you found this project helpful, feel free to star the repo and connect with me for collaboration!

Made with ❤️ and a lot of ☕ by Harsh Belekar