ML Explainer

Interactive visual guides for machine learning concepts. Built with Vite, React, and TanStack Router.

Tech stack

Layer	Technologies
Client	React 19, Vite, TanStack Router, Tailwind, shadcn
Tooling	TypeScript, ESLint, Prettier, Bun

Project structure

.
├── src/                 # Application source
├── public/              # Static assets
├── docker/              # Production Docker image
└── vercel.json          # Vercel deployment config

Getting started

# Install dependencies
bun install

# Start the dev server
bun run dev

The app runs at http://localhost:5173 by default.

Scripts

Script	Description
dev	Starts the Vite development server with HMR
build	Type-checks and produces a production build
preview	Serves the production build locally
typecheck	Runs TypeScript checks
lint	Runs ESLint
format	Runs Prettier

Docker

Build the production image from the repository root:

docker build \
  -f docker/Dockerfile \
  -t ml-explainer \
  .

The image serves the static build on port 80 using static-web-server.