harshit_sharma.github.io

🚀 Harshit Sharma — Personal Portfolio

"Aspiring IT Professional | Software Testing Enthusiast | Problem Solver"

---

📌 Table of Contents

• About
• Features
• Tech Stack
• Project Structure
• EmailJS Setup
• Resume Setup
• Deployment
• Contact

---

👤 About

Personal portfolio website showcasing my skills, projects, and background as a BCA student at JECRC University, Jaipur. Built with pure HTML, CSS & JavaScript — no frameworks, no npm, just clean and fast web code with a dark electric-blue theme.

---

✨ Features

Feature	Details
🎨 Dark Theme	Matte black + electric blue accents
📱 Fully Responsive	Mobile, tablet & desktop
✉️ EmailJS Contact Form	Sends to inbox — no backend needed
⬇️ Resume Download	One-click PDF download
🎞️ Scroll Animations	Fade-up reveal via Intersection Observer
⚡ Zero Dependencies	Pure HTML/CSS/JS — no npm needed
🌐 GitHub Pages Ready	Deploy in under 5 minutes

---

🛠 Tech Stack

Frontend   → HTML5, CSS3, Vanilla JavaScript
Fonts      → Google Fonts (Syne + DM Sans)
Email      → EmailJS (free — 200 emails/month)
Hosting    → GitHub Pages (free)

---

📁 Project Structure

harshit20050.github.io/
│
├── index.html        ← Entire portfolio (single file)
├── README.md         ← You are here
├── LICENSE           ← MIT License
├── .gitignore        ← Git ignore rules
│
└── assets/
    ├── preview.png   ← Portfolio screenshot (for README)
    └── resume.pdf    ← Resume PDF (optional)

---

📧 EmailJS Setup

1. Sign up free at emailjs.com
2. Email Services → Add Gmail → copy Service ID
3. Email Templates → Create template with {{from_name}}, {{from_email}}, {{subject}}, {{message}} → copy Template ID
4. Account → API Keys → copy Public Key
5. In index.html update:

const EMAILJS_SERVICE_ID  = 'YOUR_SERVICE_ID';
const EMAILJS_TEMPLATE_ID = 'YOUR_TEMPLATE_ID';
const EMAILJS_PUBLIC_KEY  = 'YOUR_PUBLIC_KEY';

6. Security: In EmailJS → Account → API Keys → Allowed Origins → add https://harshit20050.github.io ✅

---

📄 Resume Download Setup

Google Drive method:

1. Upload PDF → Share → Anyone with link → copy URL
2. Change URL: .../view → uc?export=download&id=FILE_ID
3. In index.html:

const RESUME_URL = 'https://drive.google.com/uc?export=download&id=YOUR_FILE_ID';

Or host in repo:

const RESUME_URL = './assets/resume.pdf';

---

🚀 Deployment

git init
git add .
git commit -m "🚀 Initial portfolio deployment"
git branch -M main
git remote add origin https://github.com/Harshit20050/harshit20050.github.io.git
git push -u origin main

Then: Repo → Settings → Pages → Source: main → Save

Live at: https://harshit20050.github.io in ~3 minutes ✅

To update:

git add .
git commit -m "✏️ Update portfolio"
git push

---

📜 License

MIT License — free to use as a template. A ⭐ star is appreciated!

---

📬 Contact

📧 Email	harshitsharma7691@gmail.com
💼 LinkedIn	linkedin.com/in/harshitsharma56
🐙 GitHub	github.com/Harshit20050
🌐 Live	harshit20050.github.io

Made with ❤️ by Harshit Sharma · BCA @ JECRC University, Jaipur

⭐ Star this repo if you found it helpful!