🚀 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:

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

🧑‍💻 Author

📧 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

FilesExpand file tree

README.md

Latest commit

History