DEV Community

depa panjie purnama
depa panjie purnama Subscriber

Posted on

The Anti-Resume: Why I Hid My Portfolio in the Dark

New Year, New You Portfolio Challenge Submission

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

  1. 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!
  2. 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.
  3. Performance: Because I used vanilla JS, the site scores are almost 100 on Lighthouse Performance. No bloat, just code.

Top comments (2)

Collapse
 
gramli profile image
Daniel Balcarek

Nice idea with the torch, I really like it.πŸ‘

Collapse
 
depapp profile image
depa panjie purnama

thanks man @gramli
really wanted to make the portfolio feel a bit different 😁