Prabhu Thangavel
← Back to blog

What's Inside the Learning Portal

4 courses, 18 lessons, 5 modules, interactive MDX components, progress tracking, and two enrollment flows β€” here's how it all works.

What's Inside the Learning Portal

The learning portal is the heart of this platform. Here's everything it offers β€” the courses, the content system, the enrollment flows, and how progress tracking works.


The Courses

πŸ€–
AI Bootcamp18 lessons Β· 5 modules Β· Free

Deep learning, transformers, LLMs, and prompt engineering from scratch. The flagship course β€” structured as a proper 3-hour curriculum.

πŸ”§
DevOps2 lessons Β· Free

Kubernetes, CI/CD pipelines, Docker, Terraform, and production-grade infrastructure.

βš™οΈ
MLOps1 lesson Β· Free

End-to-end ML pipelines, model serving, experiment tracking, and monitoring in production.

πŸ’Ό
Interview Preparation1 lesson Β· β‚Ή125

System design, DSA, behavioural rounds, and mock-interview strategies. The only paid course.


AI Bootcamp β€” Deep Dive

The AI Bootcamp is the most comprehensive course on the platform. It's organized into 5 modules, each covering a distinct area.

πŸ“‹
About This Course

Course overview, objectives, and learning roadmap

🎨
Generative AI

Foundations of generative models β€” GANs, VAEs, diffusion models

🧠
Large Language Models

7 lessons β€” from "What is an LLM?" to neural networks, transformers, and model architecture

🎯
Prompt Engineering

Zero-shot, few-shot, chain-of-thought, and advanced prompting techniques

πŸ› οΈ
AI in Action β€” Projects

Hands-on projects applying AI to emails, resumes, interviews, and daily productivity


Interactive Content

Plain Markdown isn't enough for a learning platform. Every lesson uses custom React components embedded in MDX for rich, interactive content.

πŸ’‘
Callout

Info, warning, tip, and fun-fact boxes for highlighting important concepts

πŸ‹οΈ
Exercise

Hands-on practice blocks with clear instructions

βš–οΈ
Comparison

Side-by-side before/after concept comparisons

πŸ“Š
ComparisonTable

Structured multi-row comparison tables

🎯
Takeaway

Key points to remember after each section

πŸ€”
Reflection

Thought-provoking questions to deepen understanding

πŸ“¦
InfoGrid + InfoCard

Visual data grids β€” like the ones you're reading right now

✨No tables anywhere

Every piece of structured data on this platform uses InfoGrid/InfoCard instead of Markdown tables. They look better, work on mobile, and support icons and subtitles.


Content Structure

Lessons are .mdx files stored in the repo. The folder structure maps directly to URLs.

content/learning/
β”œβ”€β”€ devops/
β”‚   β”œβ”€β”€ k8s-lesson-1.mdx              β†’ /learning/devops/k8s-lesson-1
β”‚   └── k8s-lesson-2.mdx              β†’ /learning/devops/k8s-lesson-2
β”œβ”€β”€ ai-bootcamp/
β”‚   β”œβ”€β”€ about-course/
β”‚   β”‚   └── 01-welcome.mdx            β†’ /learning/ai-bootcamp/about-course/welcome
β”‚   β”œβ”€β”€ generative-ai/
β”‚   β”‚   └── 01-what-is-gen-ai.mdx     β†’ /learning/ai-bootcamp/generative-ai/what-is-gen-ai
β”‚   β”œβ”€β”€ large-language-models/
β”‚   β”‚   β”œβ”€β”€ 01-what-is-llm.mdx        β†’ /learning/ai-bootcamp/large-language-models/what-is-llm
β”‚   β”‚   └── ...7 lessons total
β”‚   β”œβ”€β”€ prompt-engineering/
β”‚   β”‚   └── ...
β”‚   └── ai-in-action/
β”‚       └── ...
β”œβ”€β”€ mlops/
β”‚   └── mlops-intro.mdx               β†’ /learning/mlops/mlops-intro
└── interview-prep/
    └── interview-intro.mdx            β†’ /learning/interview-prep/interview-intro
πŸ’‘Numeric prefixes for ordering

Files use prefixes like 01-, 02- to control lesson order. A stripOrderPrefix() utility removes the number for clean URL slugs β€” so 03-neural-networks.mdx becomes /learning/.../neural-networks.


Progress Tracking

Every lesson has a "Mark Complete" button at the bottom. Progress is stored in localStorage β€” no backend calls, no latency.

πŸ“Š
Progress Bar

Shows overall course completion percentage at the top of the course page

πŸ—ΊοΈ
Lesson Roadmap

Visual list of all lessons with completed/in-progress indicators

πŸ“
Module Breakdown

Per-module lesson counts and completion status for module-based courses

⚑
Instant Updates

Mark a lesson complete β†’ progress updates immediately, no page reload needed


Enrollment Flows

The course catalog is open to all signed-in users β€” everyone can browse courses and see what's available. Access is granted through two flows depending on whether the course is free or paid.

Free Courses

1️⃣
Request

Student clicks "πŸ”“ Request Access" on the course page

2️⃣
Notify

I get a Gmail notification with the student's details and a one-click approve button

3️⃣
Approve

I tap the approve button from my phone β€” HMAC-signed, no login required

4️⃣
Access

Student refreshes the page and they're in β€” full access to all lessons

Paid Course (β‚Ή125)

1️⃣
Pay

Student scans the UPI QR code (amount pre-filled) or pays manually using the UPI ID

2️⃣
Submit

Student enters their UPI transaction ID in the payment form

3️⃣
Verify

I get an email with the transaction ID β€” I cross-check in my UPI app and tap approve

4️⃣
Access

Student is enrolled instantly β€” full course access on refresh

🎯Both flows end the same way

Whether free or paid, the final step is always a one-click HMAC-signed approve link in my email. The student's enrollment is stored in Clerk's publicMetadata β€” no database writes, no sync issues.


Curated Programs

Not everyone needs the full course. Sometimes a learner needs just Kubernetes + CI/CD from DevOps and a few AI lessons β€” no Ansible, no advanced prompting.

The curated programs system lets me assemble a hand-picked lesson playlist from any course, scoped to a specific person or cohort.

🎯
Tailored Curriculum

Each program is a named subset of existing lessons β€” no content duplication, just references to lesson paths

πŸ“Š
Scoped Progress

Progress tracking is per-program β€” if a program has 9 lessons, the progress bar shows 0/9

πŸ“
Umbrella Navigation

Programs live behind a single "Curated Programs" card on the catalog β€” click it to see all available programs at /programs

πŸ› οΈ
Admin Program Builder

Visual wizard at /admin/programs β€” browse lessons, pick the ones you want, download a JSON config file. No code editing needed.


Connect With Me

Have questions about a course or want to discuss a topic in depth? You can schedule a 15-minute call β€” powered by Cal.com with automatic Google Meet links.


What's Coming

πŸ“œ
Certificates

Auto-generated completion certificates when all lessons are marked done

πŸ’¬
Discussions

Per-lesson comment threads for questions and community interaction

πŸ“±
Mobile Experience

Optimized reading layout for phone screens

πŸ“š
More Courses

Expanding the catalog with new topics and deeper content