MetaCall FaaS Dashboard

A React dashboard for working with a local MetaCall FaaS server.

It already covers the main developer flow: sign in, inspect deployments, deploy from a ZIP or repository, open logs, test exposed functions, and manage a few local account settings. Some parts are production-ready in shape, while others are still demo or local-only.

Preview

Login

Signup

Dashboard

New Deploy Page

Small Screen

WiZard Edit

subscription plans

metacall team supports

**settings **

Stack

• React
• TypeScript
• Vite
• Tailwind CSS v4
• React Router
• Axios
• JSZip
• Vitest
• Playwright

Project Layout

Dashboard/
├── src/
│   ├── app/                # app bootstrap, providers, router, env config
│   ├── features/           # feature-first pages, hooks, and components
│   ├── lib/                # API utilities
│   ├── shared/             # layout, UI, types, constants, errors
│   └── tests/              # unit tests
├── tests/                  # Playwright E2E + shared testing modules
│   ├── e2e/                # test specs (auth, deployments, logs, smoke)
│   ├── pages/              # page objects
│   ├── fixtures/           # shared fixtures
│   ├── utils/              # test utilities
│   ├── mocks/              # API mocks and mock data
│   ├── storage/            # storage state files
│   └── global/             # global setup/teardown
├── public/                 # static files
└── TEST_README.md          # extra testing notes

Getting Started

Prerequisites

• Node.js > 20
• npm > 10
• A running MetaCall FaaS backend, usually at http://localhost:9000

Install

cd Dashboard
npm install

Environment

Create a local env file from the example:

cp .env.example .env

Example:

VITE_FAAS_URL=http://localhost:9000
VITE_FAAS_TOKEN=faas_token

Notes:

• The app currently authenticates normal sessions through login/signup and stores the token in localStorage.
• VITE_FAAS_TOKEN still exists in config, but it is not the main auth path for the current client flow.

Run the app

npm run dev

The Vite app starts at http://localhost:5173 by default.

Scripts

npm run dev
npm run build
npm run preview
npm run lint
npm run lint:fix
npm run format
npm run format:check
npm run typecheck
npm run unit
npm run unit:watch
npm run unit:coverage
npm run test
npm run test:smoke

Testing

• npm run unit runs the Vitest suite
• npm run test:smoke runs the Playwright smoke tests
• npm run test runs the full Playwright suite

Playwright uses its own local dev server on port 5173.

Notes

• The repo currently contains local build and test artifacts such as dist/, playwright-report/, and test-results/. They should stay ignored and out of commits.

License

No license file is included yet.