Files
crypto_trader/frontend
..

Crypto Trader Frontend

Modern React frontend for the Crypto Trader application.

Setup

npm install

Development

npm run dev

Access at: http://localhost:3000

Build

npm run build

Environment Variables

Create .env file:

VITE_API_URL=http://localhost:8000
VITE_WS_URL=ws://localhost:8000/ws/

Tech Stack

  • React 18 - UI framework
  • TypeScript - Type safety
  • Material-UI - Component library
  • React Query - Data fetching
  • React Router - Routing
  • Recharts - Charts
  • Vite - Build tool

Project Structure

src/
├── api/           # API client functions
├── components/    # Reusable components
├── hooks/         # Custom React hooks
├── pages/         # Page components
└── types/         # TypeScript types