exchange-frontend

What problem does it solve?

Provides a focused, production-oriented frontend playbook and implementation guidance for building and maintaining a secure, responsive React + TypeScript UI for a cryptocurrency exchange platform, reducing implementation errors and inconsistent UX across pages.

Core Features & Use Cases

• Component and file-structure conventions for pages like Login, Register, Dashboard, Transfer, Statement, Invoices, Account, and AdminUsers to speed development and reviews.
• Auth and token management patterns (Auth Context, getValidAccessToken, ProtectedRoute) to handle JWT refresh and 401 recovery reliably.
• API integration guidance including typed API client usage, error handling patterns, and recommended response types for wallet, transfer, and statement endpoints.
• Styling system using CSS variables and responsive best practices, with recommendations to avoid inline styles and prefer CSS-driven animations.
• Performance and reliability patterns: memoization, lazy route loading, image placement, and build/test commands for local dev and production.

Quick Start

Open the frontend folder and run the development server to begin implementing or iterating on React TypeScript components and pages.