Beltway Realms

Beltway Realms is an experiment in making a portfolio feel less like a list of links and more like a world someone can explore.

The project reimagines Northern Virginia and Washington, D.C. as a parchment-style fantasy / cyberpunk map filled with regions, quests, encounters, and lore. Underneath the playful surface, the goal is serious: build a portfolio experience with a strong point of view and use interaction design to make projects more memorable.

Why I built it

A lot of technical portfolios are useful but forgettable. I wanted to see what would happen if I treated a portfolio like a product and a world at the same time.

That meant asking:

• can project navigation feel exploratory instead of transactional?
• can a personal site carry regional identity and humor without becoming messy?
• can playfulness reinforce memory rather than dilute credibility?

What the project includes

• A stylized world map with clickable regions inspired by the DMV
• Region pages that frame projects as quests or destinations
• Encounter and card-style interactions that add light game mechanics
• A d20 roller and other small bits of texture that make the site feel like a world, not just an interface
• Content structured in TypeScript data so the world can be extended easily

Technical approach

• Built with React, TypeScript, and Vite
• Uses React Router for world and quest navigation
• Keeps the system lightweight through local state and localStorage
• Stores content in structured data files so the world is easy to evolve without needing a backend

Why it still belongs in the portfolio

This is not the project I would lead with for a conventional recruiter screen. But I keep it because it shows a part of my work that matters:

• taste and point of view
• comfort building interactive front ends
• willingness to make a technical artifact more distinctive
• systems thinking applied to experience design, not just pipelines and data models

What this project shows

• creative front-end engineering
• interaction design with personality
• regional storytelling and thematic coherence
• comfort building things that are both technically structured and emotionally memorable

Takeaway

Beltway Realms is a reminder that useful work does not have to be sterile. I like building systems that are clear and functional, but I also like giving them enough personality that people actually remember them.