This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
Hi, I'm Depa Panjie Purnama, a Software Quality Assurance Engineer with over 7 years of experience. I usually spend my days breaking code, but for this challenge, I wanted to build something that breaks the rules.
Portfolio
How I Built It
The Concept
Instead of a screaming "LOOK AT ME!" portfolio, I took a risk: What if the user had to work to see my work? I built a tactile, "hidden" website where you use a virtual torch to discover content, turning a resume reading into a mini-adventure.
Pair Programming with Antigravity & Gemini 3 Pro
I built this with Google Antigravity using Gemini 3 Pro model, which acted as my math tutor and DevOps engineer:
- Physics: Solved complex fluid drag and Perlin noise math for the fire trails.
- UI: Perfected the "glassmorphism" CSS that only reveals itself under light.
- Cloud: Automated the Docker setup and Cloud Run deployment configuration.
The Tech Stack (Zero Dependencies)
I refused to use Three.js, React, or heavy libraries. I wanted raw performance:
- Core: Vanilla HTML, CSS, JavaScript.
- Rendering: Custom Canvas 2D engine.
- Physics: A particle system simulating heat turbulence and fluid drag.
- Infrastructure: Dockerized Nginx on Google Cloud Run.
What I'm Most Proud Of
- The "Alive" Fire: The flame isn't a looped GIF. It's a procedural simulation running at 60fps. Try shaking your mouse fast, the flame lags and trails just like real fire!
- The Anti-Frustration Features: We realized early on that a black screen is bad UX. So, we implemented an "Auto-Start" feature where the torch automatically illuminates my profile picture on load, instantly showing the user how the site works without a single line of instructional text.
- Performance: Because I used vanilla JS, the site scores are almost 100 on Lighthouse Performance. No bloat, just code.
Top comments (18)
cool! I like the torch and your portfolio
hi @benjamin_nguyen_8ca6ff360
thank you! glad you liked the torch and the portfolio
yes, I did!
thanks!
Awesome , Nice idea..
thank you @varshithvhegde
it was a fun idea to experiment with
It looks impressive. Great work
thank you so much @sanjaysah
really appreciate it
That's so cool. The fact that it was built on HTML, CSS, JavaScript makes it even more wonderful!
thanks @m_saad_ahmad
vanilla HTML, CSS, and JS still have a lot of magic
Very nice idea! I'm a little disappointed that I didn't find any Easter eggs. Maybe it's just me, but I was expecting the light to go out after some time, or that if I shook it enough, it would turn off. I was even hoping to find a hidden item if I scrolled hard enough 😂.
hi @uchindami
thanks for the feedback
that’s actually a great idea, i love the easter egg expectations, i didn’t add any this time, but now i’m very tempted to sneak a few in 😅
it looks great. Well done.
@syedmuhammadaliraza thank you. really appreciate it
Nice idea with the torch, I really like it.👍
thanks man @gramli
really wanted to make the portfolio feel a bit different 😁
Some comments may only be visible to logged-in visitors. Sign in to view all comments.