Coop Cloud Front

Frontend for Coop Cloud — a web UI wrapper around the abra CLI for managing VPSs, containers and application deployments.

This repository contains a Vite + React + TypeScript app styled with SCSS.

Quick start

• Install dependencies (pnpm is recommended):

pnpm install pnpm dev

The app uses Vite; start the dev server with `pnpm dev`.

## Environment

- The app reads runtime flags from Vite env variables. The default build uses mocked api data.
-To deploy on a real API without mocking, run:
pnpm start:prod

Modify `.env` file at the project root if you need to override values for
development (see Vite docs for env var conventions).

## Scripts

- `pnpm dev` — start dev server
- `pnpm build` — run TypeScript and build production assets
- `pnpm preview` — preview production build locally
- `pnpm lint` — run ESLint
- `pnpm lint:scss` — run Stylelint
- `pnpm format` — format with Prettier

## Notes about local development

- The repo contains mock JSON and a `mockApi` service to develop UI without
	a backend. Toggle mock mode with `VITE_MOCK_AUTH=true`.
- Routes are client-side using `react-router-dom`.

## Next steps / suggested work items

- Add form validation and better UX for `RecipeForm`.
- Improve accessibility.
- Add unit tests.
- Improve responsive layouts and card grid behaviour on narrow screens.
- Add deployment docs and production environment variables.

---