Garden
← All Presentations

LMS Overview

A high-level overview of the LMS project, its goals, and architecture.

overviewlmsarchitecture

Published: 3/24/2026

Slide 1

LMS Project Overview

Welcome to the Astro LMS — a Learning Management System built with Astro and published via GitHub Pages.

This is a SSG project: all pages are pre-rendered at build time and served as static HTML.

Slide 2

Goals

  • Provide encyclopedia-style reference content
  • Deliver structured courses
  • Enable personal note-taking
  • Support web-based presentations (built as .astro files)
  • Offer quizzes and exams
  • Maintain a searchable glossary of project keywords
Slide 3

Technology Stack

  • Framework: Astro — Island Architecture for zero-JS static output with selective hydration
  • Hosting: GitHub Pages via GitHub Actions CI/CD
  • UI: Tailwind CSS v4 + DaisyUI (corporate theme)
  • Interactive components: Svelte islands
  • Content: .mdx files + .astro pages
  • Type safety: TypeScript strict mode + Zod content schemas
Slide 4

Content Architecture

  • Encyclopedia, Courses, Notes — authored in .mdx files inside Astro Content Collections with Zod-validated frontmatter
  • Presentations — individual .astro page files using the PresentationLayout and Slide components
  • Quizzes — JSON data files with interactive client-side scoring
  • Glossary — src/data/glossary.json powering keyword tooltips throughout all content
Slide 5

Next Steps

  • Add authentication for the private content area
  • Expand encyclopedia and course entries
  • Configure search (Pagefind or Algolia)
  • Add more interactive Svelte components