198 project management tools, techniques, and frameworks — all in one place. Not sure where to start? Let us point you in the right direction.
You won't see this again — it's a one-time welcome.
198 PM tools · 8 decks · Tap any area to explore
StratAlign — build documentation
The full technical documentation for StratAlign — the tech stack, AI prompts, and build process. Source code on GitHub: github.com/BitByteJJ/pmo-toolkit
StratAlign was built over several days using an AI-assisted development workflow. Here's the end-to-end process from content architecture to deployment.
Defined the 8-deck structure based on the PMBOK framework and flash card deck concept. Mapped 198 cards across Project Phases, Archetyping, Methodologies, People, Process, Business Environment, Tools, and Advanced Techniques. The Manus built-in LLM was used throughout to generate and refine all card content, with animations designed and iterated using AI-assisted prompts.
Designed the card schema (id, title, deckId, tags, difficulty, proTip, relatedCards) and wrote all 198 card entries in pmoData.ts. Standardised IDs (P1–P21, PR1–PR21, T1–T43, etc.) for consistent cross-referencing.
Used AI prompts (above) to generate deep dives, case studies, glossary entries, and template schemas for all 198 cards. Each piece was reviewed and edited for accuracy, then stored in static TypeScript data files.
Generated 198 card illustrations and 8 deck covers using the Manus image generation API. Each illustration was uploaded to the Manus CDN and referenced by card ID in toolImages.ts.
Built the React app with a mobile-first design. Key decisions: dark navy home screen, frosted glass nav bars, physical card-deck aesthetic for deck covers, and a Duolingo-inspired Learning Journey game. Animations throughout — card flips, spring physics on deck hovers, staggered list entrances, and progress bar fills — are all powered by Framer Motion.
Built a fillable template system for all 198 cards with rich form fields (dynamic tables, date pickers, checklists). PDF generation uses jsPDF with landscape support for wide tables; Word generation uses the docx library.
Wired the Manus LLM API to power the AI Tool Finder. The system prompt includes a compact 198-card catalogue and returns ranked recommendations with specific reasons. Responses are cached in localStorage. Google Cloud Text-to-Speech (TTS) was integrated to generate audio narrations for card deep dives — each card's content is sent to the Google TTS API and the resulting audio is streamed directly in the browser.
Ran multi-pass validation scripts to verify card counts, ID consistency, cross-references, and template coverage. Fixed 815 ID replacements across 14 files. All 41 vitest tests pass.
Build stats