A small dashboard that lists unified-API request logs, with search, filtering, sorting, pagination and a detail view.
pnpm install
pnpm devApp runs at http://localhost:5175. By default it talks to the hosted API at
https://recruiting-ux-interview-api.stackonehq.workers.dev (and its Swagger
docs at /docs) — no setup required. To point it elsewhere (e.g. a local API),
set VITE_API_BASE in a .env file:
VITE_API_BASE=http://localhost:8787
This app works, but it was thrown together quickly and it does not feel like something we'd ship. Spend your time however a senior engineer would:
- Make it fast and correct. It feels sluggish, especially when searching. Figure out why and fix it. The API documents what it can do via its Swagger docs (URL shared with you) — read it.
- Improve the UX. There are rough edges and questionable decisions. Improve what matters and tell us what you'd change with more time.
- Raise code quality. Flag and fix patterns you'd push back on in review.
You are not expected to fix everything. We care far more about how you prioritise, what you choose to do first, and how you reason about trade-offs than about raw output. Think out loud.
Reusable UI primitives live in src/components/ui/ (Button, TextInput,
Select, Badge, StatusBadge, Card, plus a cn helper) and are
re-exported from src/components/ui/index.ts. Feature components
(LogRow, DetailModal, Toaster) live in src/components/. New components
should follow the same conventions: typed props, Tailwind + the design tokens
in tailwind.config.js, one component per file.
As you work, keep notes in FINDINGS.md: what you spotted, severity, whether
you'd fix now or later, and why. A template is provided.