About ClassroomOS

Mr. Scandrett’s ClassroomOS is a public STEAM education platform built on GitHub Pages. It brings together interactive lessons, student showcase pages, classroom app links, a NASA-powered library, class downloads, and special labs — all from one site that students and families can visit at any time. Everything here exists to teach the next generation how to build, create, and publish their own work.

Static on GitHub Pages STEAM Education Educational Use Only Teacher-Curated Publishing Open to Students & Families

What ClassroomOS Does

The homepage acts as a classroom launchpad. From one page, students can open interactive STEAM lessons, browse published student projects, launch classroom tools, access the Library, watch curated class videos, download project files, and explore special spaces like Music Lab.

Seven STEAM pathways currently exist inside the lesson library — Science, Technology, Engineering, Art & Design, Mathematics, Fabrication, and Systems & Society — each with their own module structure and expanding content. Every lesson page is an interactive, browser-native experience built without plugins.

The Library houses free NASA e-books and activity packs alongside project recipes for hands-on classroom builds. All 29 resources are displayed as an interactive bookshelf — hover any spine to preview the title, source, and synopsis before you open it.

The Student Showcase publishes finished student work directly to this site so students, teachers, and families can view it in a browser — no installs, no logins, no extra steps.

🏠 Home Launchpad

The homepage is the starting point for class. It surfaces the lesson library, student showcase, core classroom tools, a daily Bible verse, and a video of the day — everything students need to get moving immediately.

⚗️ STEAM Lessons

The lesson library organizes interactive classroom labs by pathway: Science, Technology, Engineering, Art & Design, Mathematics, Fabrication, and Systems & Society. New modules are added throughout the year.

🏆 Student Showcase

Student work is published as individual browser-ready projects with thumbnails, descriptions, and dedicated project pages. Discovery is supported by filtering and search — no account needed to browse.

🛠 Applications

A launch panel for the tools students use in class — Scratch, Tinkercad, Clever, Code.org, GitHub, and more. Class-specific entry links are built in so students land in the right place immediately.

📽 Video Library

A curated collection of class videos — interviews, lessons, and inspiration uploaded by Mr. Scandrett. Thumbnails are generated in-browser and videos play in a clean fullscreen modal.

📚 Library

An interactive bookshelf featuring 14 free NASA e-books and activity packs plus 15 hands-on project recipes. Hover any spine for a full preview — title, source, synopsis, and a direct link to download or read.

📥 Class Downloads

Project files, templates, and classroom resources uploaded directly by Mr. Scandrett — ready to download without hunting through email or external drives.

🎹 Music Lab

A live, browser-native instrument that responds to USB MIDI keyboards using WebMIDI and WebAudio APIs. Students can play synthesizers, piano, and drum kits directly in the classroom browser — no installs required.

How Student Work Reaches the Showcase

1. Prepare

Student files are collected in a classroom project folder and checked so they run cleanly in a browser without any additional setup or installs.

2. Build

Projects are packaged into standalone folders for the site — including web projects, supported 3D model viewers, and interactive apps.

3. Curate

Thumbnails, titles, descriptions, and metadata are reviewed by the teacher before any project appears on the public showcase.

4. Publish

The final project opens live from this site so students, teachers, and families can view it directly in a browser — anywhere, anytime.

The Site Itself Is a STEAM Lesson

ClassroomOS is built entirely with HTML, CSS, and JavaScript and deployed for free on GitHub Pages. That is not a workaround — it is the lesson. Every student who uses this site is seeing the output of the same tools they are learning to use. The goal is for students to leave class knowing they can build and publish their own website the same way.

01 Write the files

HTML structures the page, CSS makes it look right, and JavaScript adds interactivity. The same trio powers nearly every website on the internet.

02 Push to GitHub

Code is stored and version-tracked in a public GitHub repository. Every change in ClassroomOS started as a commit — the same workflow professionals use every day.

03 GitHub Pages serves it live

GitHub Pages reads the repository and serves the files as a live website — no server to rent, no hosting bill to pay. Free, fast, and publicly accessible.

04 Students can do the same

Any student with a GitHub account can fork this repository, make it their own, and publish their own version of ClassroomOS at their own URL — that is the assignment.

Right-click any page on this site and choose View Page Source to see exactly how it is built. Nothing is hidden, minified, or locked away. Learning from other people’s code is how every developer starts.

Public-Site Rules

  • Projects are reviewed by the teacher before they are linked on the public showcase.
  • Personal information — full names, photos, contact details — must not appear in public descriptions, screenshots, or outbound links.
  • Published work must open cleanly in the browser and be classroom-appropriate.
  • Showcase entries are meant to spotlight finished or share-ready work, not every draft or experiment.
  • All videos and external resources are selected for their educational value and reviewed for classroom appropriateness before being featured.
  • Students who wish to have their work removed from the showcase may request this through Mr. Scandrett at any time.