- Add Prometheus metrics for marketplace API throughput and error rates with new dashboard panels - Implement confidential transaction models with encryption support and access control - Add key management system with registration, rotation, and audit logging - Create services and registry routers for service discovery and management - Integrate ZK proof generation for privacy-preserving receipts - Add metrics instru
2.0 KiB
2.0 KiB
Marketplace Web – Task Breakdown
Status (2025-12-22)
- Stage 1: ✅ Completed - Vite + TypeScript project initialized with API layer, auth scaffolding, and mock/live data toggle.
- Stage 2: ✅ Completed - Connected to coordinator endpoints with feature flags for live mode rollout.
Stage 1 (MVP) - Completed
-
Project Initialization
- ✅ Scaffold Vite + TypeScript project under
apps/marketplace-web/. - ✅ Define
package.json,tsconfig.json,vite.config.ts, and.env.examplewithVITE_API_BASE,VITE_FEATURE_WALLET. - ✅ Configure ESLint/Prettier presets.
- ✅ Scaffold Vite + TypeScript project under
-
API Layer
- ✅ Implement
src/api/http.tsfor base fetch wrapper with mock vs real toggle. - ✅ Create
src/api/marketplace.tswith typed functions for offers, bids, stats, wallet. - ✅ Provide mock JSON files under
public/mock/for development.
- ✅ Implement
-
State Management
- ✅ Implement lightweight store in
src/lib/api.tswith pub/sub and caching. - ✅ Define shared TypeScript interfaces in
src/lib/types.ts.
- ✅ Implement lightweight store in
-
Views & Components
- ✅ Build router in
src/main.tsand bootstrap application. - ✅ Implement views: offer list, bid form, stats cards.
- ✅ Create components with validation and responsive design.
- ✅ Add filters (region, hardware, price, latency).
- ✅ Build router in
-
Styling & UX
- ✅ Create CSS system implementing design and responsive layout.
- ✅ Ensure accessibility: semantic HTML, focus states, keyboard navigation.
- ✅ Add toast notifications and form validation messaging.
-
Authentication
- ✅ Implement auth/session scaffolding in
src/lib/auth.ts. - ✅ Add feature flags for marketplace actions.
- ✅ Implement auth/session scaffolding in
-
Documentation
- ✅ Update
apps/marketplace-web/README.mdwith instructions for dev/build, mock API usage, and configuration.
- ✅ Update
Stage 2+
- Integrate real coordinator/pool hub endpoints and authentication.
- Add WebSocket updates for live offer/pricing changes.
- Implement i18n support with dictionaries in
public/i18n/. - Add Vitest test suite for utilities and API modules.