A UI prototype for the Easy Read Document Generator: responsive interface, mock backend (SQLite), and document editing flows.
-
Install dependencies (installs root +
mock-server):npm install
-
Environment (optional — defaults work locally):
cp .env.example .env.local
-
Run development (Next.js + mock API on port 5050):
npm run dev
| Password | |
|---|---|
jane.doe@uwa.edu.au |
password123 |
john.smith@uwa.edu.au |
password123 |
alex.lee@uwa.edu.au |
password123 |
See DEMO.md for a full walkthrough.
- Next.js (
src/app/) — UI and API routes that proxy to the mock server - Mock server (
mock-server/) — Express + SQLite (mock-server/data/mock.db, gitignored) - Auth uses session cookies from the mock server (
/api/auth/login,/api/users/me, etc.)
| Command | Description |
|---|---|
npm run dev |
Next.js + mock server |
npm run dev:next |
Next.js only |
npm run dev:mock |
Mock server only |
npm run build |
Production build |
npm run lint |
ESLint |
src/app/— pages and API routessrc/components/— UI componentssrc/lib/— API clients, hooks, configmock-server/— local backendfigma/— design references
- Publish/export is UI-only
- Settings billing and some save buttons are not wired
- Image library is built from document section images, not a full media service
Private demonstration project. Placeholder images are for demo only.