Atlas Ops

Ops dashboard for AI delivery teams — projects, kanban, team permissions, and run analytics — built as a production-minded React SPA.

Live demo (local MAMP): sites/portfolio/projects/atlas-ops
Version: 1.0.0

Portfolio demo — mock data only. Changes reset when you refresh.

Stack

React 19 · TypeScript · Vite 5 · Tailwind CSS 3 · React Router 6 · Zustand · TanStack Query · Framer Motion · React Hook Form · Zod · Recharts · @dnd-kit · Lucide

Tailwind v4 and React Router 7 need Node 20+. This project targets Node 18+ with Tailwind 3 + React Router 6.

Quick start

git clone https://github.com/msreeves/atlas-ops.git
cd atlas-ops
npm install
npm run dev

Open the URL Vite prints (usually http://localhost:5173).

npm run build && npm run preview

Features

• Project CRUD with list and drag-and-drop kanban
• Team roles, permissions, and activity feeds
• Analytics charts, theme/settings, and production polish (a11y, ErrorBoundary, lazy routes)

Structure

src/
  app/           providers, router, lazy routes
  components/    layout, ui, charts, kanban
  features/      dashboard, projects, team, analytics, settings
  pages/         route screens
  lib/           format, mock-api, search-params, query client
  stores/        theme, UI, toasts
  config/        brand, navigation

Portfolio workspace (optional)

If this folder lives inside the MSR portfolio tree (sites/portfolio/apps/atlas-ops/):

npm run ship:portfolio

That builds with Vite base /sites/portfolio/projects/atlas-ops/ and copies dist/ to the Apache-served demo path. Ship decisions: PORTFOLIO_SHIP.md.

License

Private portfolio demonstration unless otherwise noted.