Concepts 🚀 Project 🧮 Labs

📚 Learn every concept behind OpenBenchML

A massive, hierarchical learning centre that teaches every concept used to build this platform — from Python variables and loops all the way to FastAPI routes, WebSocket broadcasting, sandboxed kernels, and CSS Grid. Every concept page has a runnable code snippet, a plain-English explanation, and a "where it's used" pointer back into the codebase.

11 categories 82 concepts 100% tied to real code
🚀
LEARN WITH PROJECT

Student Performance Predictor — 12 stages

Python → ML → FastAPI → Jinja → HTML. Concept, tiny task, check, next.

→
🧮
INTERACTIVE LABS

Edit code & see live output

CSS box-shadow 2px → 10px & see it change. Python, HTML, CSS, FastAPI labs.

→
🚀

Build OpenBenchML — Step by Step

A 10-step course that builds OpenBenchML from scratch. Each step teaches one concept and adds one feature. By step 10, you have a deployed app.

10 concepts Your First FastAPI Route · HTML + Jinja2 Templates — Your First Page · SQLite + SQLAlchemy — Store Users · +7 more
🐍

Python

The language the entire backend (and most of the frontend helpers) is written in. Start here if you're new.

11 concepts Variables & assignment · Built-in types · Loops — for, while, comprehensions · +8 more
🌐

Web & FastAPI

How HTTP requests become HTML pages and JSON responses.

8 concepts Routes & path operations · The Request object · Pydantic request bodies · +5 more
🗃

Databases & SQL

How data survives between requests — tables, rows, sessions, migrations.

5 concepts SQLAlchemy ORM · DB sessions · Relationships & joins · +2 more
🧠

Machine Learning

The whole point of the platform — train, evaluate, rank models.

5 concepts Supervised learning · Train/test split · Evaluation metrics · +2 more
🎨

Frontend

HTML, CSS, and vanilla JS — the building blocks of every page.

13 concepts HTML structure & semantic tags · CSS box model · Flexbox layout · +10 more
🔒

Security

Authentication, authorisation, sandboxing, and the constant vigilance mindset.

5 concepts JSON Web Tokens (JWT) · Cookie security flags · Sandboxing user code · +2 more
🚀

DevOps & Deployment

From git push to live URL — Docker, Render, env vars, health checks.

5 concepts Docker & Dockerfile · Render deployment · Environment variables · +2 more
⚡

Real-time & WebSockets

Pushing updates to browsers without polling — the magic behind live leaderboards.

4 concepts Polling vs WebSockets · Connection manager pattern · Heartbeat & reconnect · +1 more
🌳

Algorithms & Data Structures

The patterns that make code fast: hashing, sorting, recursion, complexity.

5 concepts Big-O complexity · Hash tables (dicts) · Sorting · +2 more
⚙️

Mini Projects

Complete, runnable mini-projects that tie frontend + FastAPI + Docker + ML together. Each project has multiple files and a step-by-step explanation.

11 concepts Form + Fetch + FastAPI Backend · CRUD API with FastAPI + SQLAlchemy · Dockerize a FastAPI App · +8 more