Topic Hub

Angular & Firebase Architecture Notes

Implementation notes on Angular, Firebase, CMS workflows, route SEO, and reusable frontend architecture.

Start here

Implementation notes on Angular, Firebase, CMS workflows, route SEO, and reusable frontend architecture.

How I Brought The Dreadnauts to Life With AI

Behind the scenes of The Dreadnauts: ChatGPT-assisted lyrics, Suno music, audio cleanup, Project Sequencer, videos, website, merch and more.

Back in Order: Rehab, a Finished Porch, and Website Upgrades

I believe I have eight cardiac rehab sessions left, the porch is finished, the house is settling down, and major website improvements are now live.

The Tools Are Here. Now It Is About Imagination.

AI has put powerful creative tools within reach. Now the real challenge is imagination, taste, persistence, and choosing what is worth building.

How to Put Your First Web Page Online with Firebase Hosting

Learn how to publish a first personal website with Firebase Hosting, then buy a domain, point DNS, and deploy without treating it like magic.

Crash Roboto: Lore, Tech Stack, and Sound Design

Go inside Crash Roboto, our browser-based robot arena game, including its lore, React and Phaser stack, gameplay, sound design, and open-source repo.

How I Built My Auto Blog Workflow: Dictation to Draft

See how my Auto Blog workflow turns ChatGPT dictation into a reviewed Editor.js draft, blog images, SEO metadata, and a CMS-ready JSON import.

Building Biscuits: A Push-Your-Luck Dice Game Experiment

A behind-the-scenes development post about Biscuits, a browser-based push-your-luck dice game project with replayable seeds, achievements, leaderboards, difficulty modes, camera presets, and future social multiplayer ideas.

Building Bounced: A Multi-Window Browser Game Concept

A behind-the-scenes project post about Bounced, a multi-window routing game where real browser popup windows become the puzzle board and players guide a signal ball through connected rooms.

New Design Branch Update: Blog, CMS, Media Library, Labs, and Creative OS

A technical update on the feature/new-design branch for ColinMichaels.com, including Firestore blog publishing, admin CMS, media library tools, AI-assisted drafting, labs, music apps, and Angular modernization.

Angular And Firebase Architecture Note

A compact architecture reference for keeping a public Angular/Firebase site crawlable, maintainable, and safe to evolve.

Separate public, admin, labs, and OS routes into clear route and folder boundaries.
Render crawler metadata through Firebase Functions with route classification, real 404s, and fallback content.
Keep sitemap policy explicit so low-count tags and categories do not flood the sitemap.
Preserve CMS contracts for Editor.js blocks, SEO fields, statuses, media attachments, and previews.
Validate with app build, Functions build, route checks, metadata checks, and post-deploy curl checks.