Project EmpirePhil Lopez's living strategy-map portfolio.
The Project Empire world map with the Project Empire city management view open.
CodeInformationActiveCity

Project Empire

The strategy-map resume site and open-source portfolio framework that turns project history into a living world.

A stylized world-map city representing the Project Empire framework.
A Project Empire city representing the framework behind the map.
Importance
88/100
Founding Year
2026
Region
Cartographer's Reach
Terrain
Plains
Prestige
9
Activity
9
Stability
7
Reach
6

Overview

Project Empire turns Phil's work history into a 4X-inspired world map, with projects as cities, Great Works as landmarks, and progress over time as a campaign.

It also ships as a reusable open-source starter, so another builder can clone the repo, replace the content with their own resume and projects, and use the same world-map format to track what they are making.

Buildings

  • Transforms a resume and project archive into a strategy-map experience.
  • Ships as a self-hosted, file-backed open-source framework instead of a closed personal site.
  • Combines interaction design, data modeling, and visual worldbuilding in one product.

Production Queue

  • Expand the starter so other creators can drop in their own data and projects.
  • Deepen the world simulation with richer units, landmarks, and era transitions.
  • Polish the map UX until it feels as smooth as a small strategy game.

Tech Tree

  • Next.js
  • React
  • Static export
  • Schema validation
  • Strategy-map UI
  • Agentic AI

Diplomacy

  • Open-source users
  • Creative technologists
  • Builders in public

Trade Routes

  • Portfolio content
  • Map UX
  • Open-source framework

Wonders

  • Portfolio as living world
  • 4X-inspired navigation
  • File-backed portfolio starter

Great Works

Landmark
Empire Cartographer
A portfolio framework that turns otherwise static career history into an explorable living world.

Civilopedia Entry

Facet Type
Code
Role
Designer, founder, and primary engineer
Stack
Next.js, React, TypeScript, Tailwind CSS, Static generation
Features
Interactive strategy-map navigation, Timeline-driven city growth, Open-source single-tenant portfolio framework
Integrations
GitHub content sync
Architecture Notes
Designed as a self-hosted portfolio starter with no database dependency., Uses a typed content layer so the personal demo can also act as a reusable framework.