Architecture
AZ-305 Architect Lab · v0.2.5A drag-and-drop trainer I built while studying for AZ-305, the Azure Solutions Architect Expert exam. Drop Azure services on a canvas, connect them with typed links, pick a scenario, and check whether your design actually solves it. It's like a flight simulator for cloud architecture.
Why it exists
AZ-305 isn't about memorizing services, it's about choosing the right ones and wiring them together for a goal. Reading slides didn't make that click for me, so I built a place to practice it by hand. You drag out the services, draw the connections, and the lab tells you whether the design holds up.
It runs on the same React and TypeScript stack as this portal, with a hand-rolled SVG canvas. No diagram library. The whole thing is a static site on Azure Static Web Apps, billed to my Azure for Students credit.
What you can do
- Drag 50+ real Azure services from a searchable, categorized palette onto the canvas
- Wire services together with five typed links: data, network, identity, event, and monitoring
- Pick a scenario challenge, then check whether your diagram is a complete solution
- Get per-requirement feedback: what's met, what's missing, and what's wired the wrong way
- Ask "Explain my architecture" and an AI walks your diagram in plain language
- Practice with quizzes, case studies, performance-based questions, and flashcards too
Built from the source
Every scenario, quiz, and flashcard is grounded in Microsoft's official “Design Microsoft Azure Infrastructure Solutions (AZ-305)” series and the exam blueprint. The content is weighted the way the real exam is, so the domains you see most are the domains that count most. The AI explainer uses my own Azure OpenAI resource, the same one that powers Johnny Copilot on this portal.