priyanshu's site

Hiii everyone! I’m Priyanshu, and I made my personal project site for the Hack Club StarDance competition using pure HTML, CSS, and minimal vanilla JS (no heavy frameworks or templates yaar, just raw code). The site showcases my hardware build (an ESP32 sound-reactive NeoPixel LED setup), a photo of my late-night messy desk with jumper wires, my real git commits, and an interactive vote counter!

What was challenging:
Bhai, CSS alignment and making the cards look good without breaking mobile view was a real headache at 3 AM haha. Getting the polaroid picture to look naturally tilted with washi tape and proper box-shadow took a lot of trial and error. Also on the hardware side, I almost blew up a diode on my breadboard by mixing up 5V and GND, but saved it with a capacitor!

What I’m proud of:
I’m really proud that I built everything from scratch with my own hands instead of copy-pasting some ready-made Bootstrap/Tailwind template. It genuinely looks like a student hacker’s workbench. Also really happy with how the interactive vote button, prompt greeting, and secret build notes turned out!

How to test it:

1. Click the “VOTE FOR MY PROJECT” button to see the vote counter increment and trigger the alert!
2. Click the “Say Hi!” button to enter your name.
3. Scroll down and click “Click to view Priyanshu’s secret build notes” to reveal the hidden hardware story!

AI Use Declaration:
I only used AI to ask for good retro Google Font pairings (it suggested VT323, Comic Neue, and Space Grotesk). Every single line of HTML, CSS, and JS code was completely written by me.