fabro/apps/arc-web
Bryan Helmkamp 49364b0843 Add demo API server and wire React app to fetch from API
Expand the OpenAPI spec from 11 to 39 endpoints covering Runs, Workflows,
Verifications, Retros, Sessions, Insights, Settings, and Projects with ~45
schemas. Add `--demo` flag to `arc serve` that serves static demo data for
all endpoints (auth disabled, read-only). Non-demo mode returns 501 for new
endpoints while existing run handlers continue working.

Regenerate the TypeScript API client and add `apiJson` helper. Wire all 19
React route files with server-side loaders that fetch from the API and map
snake_case responses to camelCase UI types. Mock data kept as fallback.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-02 09:39:53 -05:00
..
app Add demo API server and wire React app to fetch from API 2026-03-02 09:39:53 -05:00
public Add darker logotype variant for light mode 2026-03-01 19:37:15 -05:00
.dockerignore Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00
.gitignore Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00
bun.lock Add spec-first OpenAPI for arc-api with generated types 2026-03-01 21:43:49 -05:00
Dockerfile Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00
package-lock.json Add Start page, session chat UI, and filtering across arc-web 2026-02-28 23:07:19 -05:00
package.json Add generated Axios API client package (@qltysh/arc-api-client) 2026-03-01 22:03:38 -05:00
react-router.config.ts Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00
README.md Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00
tsconfig.json Add generated Axios API client package (@qltysh/arc-api-client) 2026-03-01 22:03:38 -05:00
vite.config.ts Add arc-web React Router 7 app with pipeline kanban board 2026-02-28 12:34:18 -05:00

Welcome to React Router!

A modern, production-ready template for building full-stack React applications using React Router.

Open in StackBlitz

Features

  • 🚀 Server-side rendering
  • Hot Module Replacement (HMR)
  • 📦 Asset bundling and optimization
  • 🔄 Data loading and mutations
  • 🔒 TypeScript by default
  • 🎉 TailwindCSS for styling
  • 📖 React Router docs

Getting Started

Installation

Install the dependencies:

npm install

Development

Start the development server with HMR:

npm run dev

Your application will be available at http://localhost:5173.

Building for Production

Create a production build:

npm run build

Deployment

Docker Deployment

To build and run using Docker:

docker build -t my-app .

# Run the container
docker run -p 3000:3000 my-app

The containerized application can be deployed to any platform that supports Docker, including:

  • AWS ECS
  • Google Cloud Run
  • Azure Container Apps
  • Digital Ocean App Platform
  • Fly.io
  • Railway

DIY Deployment

If you're familiar with deploying Node applications, the built-in app server is production-ready.

Make sure to deploy the output of npm run build

├── package.json
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
├── build/
│   ├── client/    # Static assets
│   └── server/    # Server-side code

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever CSS framework you prefer.


Built with ❤️ using React Router.