Skip to content

todo.md

Latest commit

 

History

History
80 lines (66 loc) · 2.72 KB

todo.md

File metadata and controls

80 lines (66 loc) · 2.72 KB

OweMi MVP Todo List

Phase 0: Setup & Infrastructure

  • Initialize Git repository
  • Create folder structure (/client, /server)
  • Initialize root package.json for unified workflow
  • Create root .env with mandatory variables
  • Advice user on git commit strategy (stable features/fixes)

Phase 1: Dependencies Installation

  • Setup Client dependencies (Vite, React, Tailwind, Router, Hook Form, Axios)
  • Setup Server dependencies (Express, Mongoose, Axios, Dotenv, Cors, etc.)
  • Setup concurrently for root dev script

Phase 2: Design System & Global Styles

  • Configure Tailwind for client
  • Implement index.css with handoff design tokens (Greens, Amber, Red)
  • Ensure mobile-first typography and spacing

Phase 3: Backend Foundation

  • Setup Express app skeleton
  • Setup MondoDB connection (Mongoose)
  • Implement basic route structure

Phase 4: Database Models

  • Implement Trader model
  • Implement Customer model
  • Implement Debt model

Phase 5: Service Layer (Non-Negotiable)

  • Implement interswitch.service.ts (BVN/Credit API)
  • Implement mock.service.ts (Deterministic scenarios)
  • Implement customer.service.ts (Orchestration logic)
  • Implement debt.service.ts

Phase 6: Customer Verify Endpoint

  • Implement POST /api/customer/verify
  • Ensure proper response shape for history vs no-history

Phase 7: Debt Routes

  • Implement POST /api/debts (Create)
  • Implement GET /api/debts (List + Summary)
  • Implement PATCH /api/debts/:id/status (Update)

Phase 8: Frontend Routing & Root

  • Setup React Router (/, /verify, /result, /debts/:id)
  • Setup basic API client (Axios instance)
  • Create placeholder pages for all routes

Phase 9: Core Components

  • TopBar
  • TotalOwedCard
  • DebtorRow
  • StatusBadge
  • ResultCard (Trust Theater)
  • EmptyLedgerState, LoadingState

Phase 10: Pages Implementation

  • LedgerPage (Dashboard)
  • VerifyPage (Identity Check)
  • ResultPage (Verdict + Record Debt)
  • DebtPage (Collect Payment)

Phase 11: Polish & Demo Safety

  • Implement Demo Seed path/data
  • Final UI/UX audit (one-thumb, high contrast)
  • Error handling review (no-history state check)

Phase 12: Onboarding & PWA

  • Implement Pre-login Onboarding (3 marketing screens)
  • Create High-fidelity SVG assets for onboarding
  • Implement PWA Splash Screen and fade-out logic
  • Configure PWA manifest and theme colors
  • Optimize viewport and safe-area support

Phase 13: Final Validation

  • End-to-end flow test (Pitch Rehearsal)
  • Mock mode verification
  • Submission cleanup
  • Final /ship clearance