Phil LopezAI systems, game dev, and future tech.
The CivFolio world map with the CivFolio city management view open.
CodeInformationActiveCity

CivFolio

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 CivFolio framework.
A self-referential city where the portfolio becomes the framework.
Importance
88/100
Founding Year
2026
Region
Cartographer's Reach
Terrain
Plains
Prestige
9
Activity
9
Stability
7
Reach
6

Overview

CivFolio is the meta-city in the empire: the portfolio framework itself. It takes Phil's own body of work and renders it as a 4X-inspired world map, with projects as cities, Great Works as landmarks, and growth over time as a campaign.

It is intentionally both a personal artifact and a reusable open-source starter. That makes it part demo, part framework, and part statement about how software portfolios can feel authored instead of interchangeable.

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.