Week 23 Master Guide
Week 23: Building & Integrating Your Public AI Engineering Educational Website
Week 23 Daily Breakdown (7 Days)
Day 1
Day 1: Designing the Public Learning Platform Architecture
1 code file(s) • 3 Q&ADay 2
Day 2: Automated Markdown-to-Web Content Engine
1 code file(s) • 3 Q&ADay 3
Day 3: Embedding the "Ask the AI Mentor" RAG Chatbot
1 code file(s) • 3 Q&ADay 4
Day 4: Interactive Features — Progress Tracker, Quizzes & Interview Flashcards
1 code file(s) • 3 Q&ADay 5
Day 5: The "Real-World Bugs & Troubleshooting" Showcase
1 code file(s) • 3 Q&ADay 6
Day 6: Production Web Deployment, Meta Tags & SEO
1 code file(s) • 3 Q&ADay 7
Day 7: Week 23 Mini-Project — Interactive Course Platform Web Application
1 code file(s) • 3 Q&AWeek 23: Building & Integrating Your Public AI Engineering Educational Website
Throughout Months 1 through 5 and Weeks 21–22, you constructed the most comprehensive, battle-tested, production-grade AI Engineering curriculum in existence:
- 6 Months / 24 Weeks
- 168 Daily Modules with First-Principles Theory, LaTeX Math, Runnable Code & Automated Tests
- 6 Capstone Enterprise Projects
- A 1,000+ line Real-World Troubleshooting Encyclopedia
In Week 23, we turn this massive intellectual property into a world-class public learning web application! You will design, build, and deploy the educational platform that allows students, hiring managers, and AI practitioners worldwide to browse the curriculum, take interactive quizzes, practice senior interview flashcards, view real debugging postmortems, and chat with an embedded AI Mentor trained on your entire repository.
1. System Architecture: The Public Learning Platform
Architecture Flow Diagram
Interactive 6-Month Curriculum Roadmap Browser
Markdown Reader (KaTeX LaTeX Math + Mermaid Rendering)
Interactive Senior Interview Flashcards & Progress Checkbox Tracker
Embedded Floating Ask the AI Mentor Chatbot
Production Troubleshooting & Postmortem Showcase
Filesystem Scanner (Crawls week01 to week24)
Markdown AST & Frontmatter Parser
Syntax Highlighter & LaTeX KaTeX Delimiter Formatter
Interview Q&A Extractor (Parses interview_questions.md)
Hybrid Vector + BM25 Knowledge Index (All 24 Weeks)
Citation Engine (Links directly to weekXX/dayYY/README.md)
FastAPI Streaming SSE Gateway
<->Content_Engine
<->Embedded_RAG_Backend
2. Core Functional Specifications
- Automated Markdown-to-Web Engine:
- Dynamically discovers all
weekXX_*/dayYY_*/README.mdandinterview_questions.mdfiles without manual page authoring. - Converts Markdown tables, code blocks, alerts (
> [!NOTE]), KaTeX LaTeX formulas ($...$,$$...$$), and Mermaid diagrams into clean, accessible HTML.
- Dynamically discovers all
- Interactive Senior Interview Flashcard Engine:
- Parses the
interview_questions.mdfiles across all 168 days. - Generates filterable flashcard cards tagged by seniority:
Beginner,Intermediate,Senior/Principal. - Includes interactive "Reveal Model Answer" toggles and self-assessment scoring.
- Parses the
- Embedded "Ask the AI Mentor" Chatbot:
- Embeds a floating widget on the learning platform.
- Backed by our Enterprise Hybrid RAG retrieval pipeline (Month 3), allowing learners to ask questions (e.g., "How does PagedAttention eliminate memory fragmentation?") and receiving streaming answers with precise clickable citations to the exact curriculum day!
- Real-World Troubleshooting Encyclopedia:
- Renders
troubleshooting_log.mdwith searchable error logs, root causes, and terminal reproduction commands.
- Renders
- SEO & Social Sharing Optimization:
- Generates dynamic XML sitemaps, OpenGraph metadata, and Twitter Cards for social sharing.
3. Week 23 Day-by-Day Syllabus
| Day | Topic | Source Module | Automated Test |
|---|---|---|---|
| Day 1 | Designing the Public Learning Platform Architecture | src/platform_manifest_and_router.py | tests/test_platform_manifest_and_router.py |
| Day 2 | Automated Markdown-to-Web Content Engine | src/markdown_content_engine.py | tests/test_markdown_content_engine.py |
| Day 3 | Embedding the "Ask the AI Mentor" RAG Chatbot | src/embedded_mentor_rag_service.py | tests/test_embedded_mentor_rag_service.py |
| Day 4 | Interactive Features: Tracker, Quizzes & Flashcards | src/interview_flashcard_engine.py | tests/test_interview_flashcard_engine.py |
| Day 5 | The Real-World Troubleshooting & Bugs Showcase | src/troubleshooting_showcase_renderer.py | tests/test_troubleshooting_showcase_renderer.py |
| Day 6 | Production Web Deployment, Meta Tags & SEO | src/seo_and_deployment_generator.py | tests/test_seo_and_deployment_generator.py |
| Day 7 | Mini-Project: Interactive Course Platform Web Application | src/learning_platform_web_app.py | tests/test_learning_platform_web_app.py |