A personal project sandbox built by Chris Tien — a semi-technical Product Manager and aspiring expert generalist who rediscovered his passion for building things through AI. The site is a growing collection of interactive web projects, all built with vanilla HTML, CSS, and JavaScript — no frameworks, no build tools.
What's on the Site
37 projects spanning games, tools, quizzes, and data visualizations:
- Classic & retro games: Tic-Tac-Toe, Snake, Monopoly, Chess Lobby, Kinetic Type, and a Retro Games arcade (Centipede, Missile Command, Asteroids, Galaga)
- Strategy & action games: FPS Arena, Tower Defense, Battle Fortress, 3D Maze, Crown & Chaos (auto-chess), Age of Conflict
- Narrative & RPG: Quest for the Ember Crown (branching story game), Dungeon Crawler (roguelike), Soulslike Dungeon, Haunted House, Monster Database, WarGames
- Pokemon-themed projects: Pokemon Playground, Survivor Pokemon, Pokemon Draft Arena, Pokemon Store
- Quizzes & trivia: USA States Quiz, Number Guessing Game
- Data & dashboards: News Briefing, Browse Countries, Super Dashboard, NBA Stats (with a Kobe Bryant tribute page), WWII Timeline, Naruto Things, Solar System Explorer
- Social & creative: The Wall (community post board with drawings), Coachisms, Lead Form
- Design & reference: Design System, Middle-earth Map, Google Auth Test
Supporting Pages
- Bio — personal intro with a link to brands I've worked with (EY, Wendy's, Rocket Mortgage, Royal Caribbean, Synopsys, CoStar Group, and more)
- Projects — searchable project directory with an auto-scrolling ticker and swipeable card strip
- Changelog — semantic versioned release history
- Dev Stats & Analytics — dashboard showing git/file stats and GA4 analytics
- Site Map — table of contents for all pages
- Legal & Credits — copyright, third-party attributions, and privacy info
Tech Highlights
- Zero dependencies: every page is a single self-contained index.html with inline CSS and JS
- Firebase integration: several projects use Firebase Auth and Firestore for persistence (leaderboards, game state, community posts)
- Mobile-first: all pages responsive down to 375px (iPhone SE)
- Automated dev ops: git hooks auto-generate stats on commit; pre-push hooks enforce changelog/version consistency
- Test suite: 48 automated tests (Vitest unit tests for auth and footer logic, bats-core shell tests for stats generation and git hooks)
- GA4 analytics tracking across all pages
- Fun Easter eggs: a Lord of the Rings golden ring on the homepage that cycles through famous LOTR quotes, ambient animations, and a LinkedIn welcome banner for visitors arriving from LinkedIn