Personal portfolio website for Shreyas Sharma — showcasing robotics, embedded systems, ML/CV, and autonomous systems projects.
Deploy via GitHub Pages — Settings → Pages → Deploy from branch →
main
- Boot Sequence — Terminal-style startup animation with click-to-skip
- Particle Canvas — Animated background with interconnected node visualization
- Blueprint Mode — Toggle to a blue engineering CAD aesthetic with visible grid overlay
- SFX Toggle — Synthesized Web Audio API click sounds on interaction
- Custom Cursor — Crosshair cursor with trailing particle effect (desktop only)
- Scroll Animations — GSAP ScrollTrigger reveal effects with IntersectionObserver fallback
- Responsive — Fully functional on mobile with hamburger menu
| Layer | Technology |
|---|---|
| Structure | HTML5 (semantic) |
| Styling | Vanilla CSS (custom properties, grid, flexbox) |
| Logic | Vanilla JavaScript (ES6+) |
| Animation | GSAP 3 + ScrollTrigger (CDN) |
| Audio | Web Audio API |
| Fonts | Google Fonts (Orbitron, JetBrains Mono, Inter) |
Portfolio/
├── index.html # Single-page markup (all sections)
├── style.css # Complete stylesheet (~990 lines)
├── main.js # All interactions and animations (~380 lines)
├── README.md # This file
├── LICENSE # MIT License
└── .gitignore # macOS / IDE / Node exclusions
No build step required. Open index.html directly in any modern browser:
# Option 1: Direct open
open index.html
# Option 2: Local server (avoids CORS issues if you add assets later)
npx serve .- Push this repo to GitHub
- Go to Settings → Pages
- Set source to Deploy from a branch →
main→/ (root) - Your site will be live at
https://<username>.github.io/<repo-name>/
| # | Section | Description |
|---|---|---|
| 01 | About | Bio, education (SRMIST), focus areas |
| 02 | Experience | QID AI internship, 6-DOF research collaboration, B.Tech |
| 03 | Stack | Tag-grouped technical skills (no percentage bars) |
| 04 | Projects | 4 featured + 7 more + 3 experiments = 14 total builds |
| 05 | Contact | Email form (mailto) + GitHub + LinkedIn links |
MIT © 2026 Shreyas Sharma