Interactive Azure learning platform with flashcards, quizzes, and gamification.
An open-source, interactive knowledge base for Azure practitioners. Every doc page automatically generates flashcards from its content and offers quiz modes where applicable. A gamification engine tracks XP, streaks, and levels across your learning journey.
Built with Docusaurus 3, React 18, TypeScript, deployed via GitHub Actions to GitHub Pages.
| Module | Chapters | What You Learn |
|---|---|---|
| Cost Optimization | 9 | WAF fundamentals, FinOps lifecycle, rate/usage optimization, AI token economics, GPU cost management |
| APIM Best Practices | 19 | Architecture, security, policies, AI gateway, monetization, capacity planning, troubleshooting |
| Front Door | 6 | Reliability, security, cost optimization, operational excellence, performance |
| Monitoring | 4 | Unified observability architecture, operations runbook, platform scenarios |
| AI Foundry | 1 | Cross-region Azure AI Foundry architecture patterns |
| ADLS Gen2 | 1 | Data lake storage strategy and governance |
| DevSecOps | 1 | CI/CD security integration, shift-left practices |
| Feature | How It Works |
|---|---|
| Flashcards | Auto-extracted from tables, key takeaways, and bold terms on every page. Click the floating button on the left. |
| Quiz Mode | Self-assessment from Q&A blocks. Reveal answer, score yourself, see results. |
| XP & Levels | Earn XP by reading pages (65% scroll = complete). Track streaks. Level up from Cloud Novice to FinOps Legend. |
| Progress Bar | Scroll-based reading progress on every page. |
| Mermaid Diagrams | Architecture diagrams, decision trees, and flow charts rendered natively. |
| Layer | Technology |
|---|---|
| Framework | Docusaurus 3 |
| Components | React 18, TypeScript |
| Diagrams | Mermaid (native) |
| Syntax | Prism (PowerShell, Bicep, KQL, Python, C#, HCL) |
| Design | Dark-first, glassmorphism, indigo/violet palette |
| CI/CD | GitHub Actions |
| Hosting | GitHub Pages |
git clone https://github.com/gitpavleenbali/azure-wiki.git
cd azure-wiki/_website
npm install
npm start # Dev server at localhost:3000
npm run build # Production build- Fork the repo
- Create a branch (
git checkout -b feature/your-topic) - Add content following the existing module structure
- Submit a pull request
All content uses standard Markdown with Mermaid diagrams. Interactive features (flashcards, quizzes) are auto-generated from content structure — no special markup needed.
Made by Pavleen Bali for the Azure community.