Sergio Suárez Prado Portfolio /sergio-quest· published

← Work01 / 05

Game · interactive CV

Sergio Quest.

My CV turned into a playable pixel-art RPG. Art, music and sound generated in code, an AI assistant, a guestbook and real-time multiplayer ghosts.

Client
Personal project
Deployment
Cloudflare Pages + Workers
Stack
Canvas · Workers AI · D1 · Durable Objects
Outcome
In production

Open the website ↗ sergio-quest.pages.dev

The brief

A portfolio you can play: my career from Ciudad Real to Madrid told as a pixel-art RPG, in the browser with nothing to install. The rule was to make everything in code: graphics, music and sound, no images or libraries.

Decisions

  1. Procedural art and a Web Audio chiptune synth: zero image or sound files.
  2. An AI character (Workers AI) that answers questions about my career, with per-IP limits and a daily cap checked before calling the model, so the cost stays predictable.
  3. Real-time ghost players with a Durable Object and hibernating WebSockets, in a separate Worker because Pages cannot host Durable Objects.
  4. Security from day one: same-origin requests only, IPs stored as salted hashes and speedrun records signed and timed on the server.
  5. Bilingual, with a “recruiter mode” for people who only want the CV.

Outcome

In production on Cloudflare Pages, with a guestbook, a speedrun leaderboard, cookie-free anonymous analytics and trailers in Spanish and English.

  • Up to 25 players at once, four positions per second.
  • The final boss is the hiring process.

Measured with Lighthouse

80Performance
100Accessibility
100Best practices
92SEO
LCP
3.4 s
Weight
168 KB
Requests
25

Mobile · median of 3 runs · 2026-10-25 · sergio-quest.pages.dev

On every screen

Sergio Quest · desktop 1
Sergio Quest · desktop 2
Sergio Quest · desktop 3
Sergio Quest · desktop 4
Sergio Quest · tablet
Sergio Quest · tablet
Sergio Quest · mobile
Sergio Quest · mobile