54 lines
850 B
Markdown
54 lines
850 B
Markdown
|
# Crypto Trader Frontend
|
||
|
|
|
||
|
|
Modern React frontend for the Crypto Trader application.
|
||
|
|
|
||
|
|
## Setup
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
```
|
||
|
|
|
||
|
|
## Development
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
Access at: http://localhost:3000
|
||
|
|
|
||
|
|
## Build
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
|
||
|
|
## Environment Variables
|
||
|
|
|
||
|
|
Create `.env` file:
|
||
|
|
|
||
|
|
```env
|
||
|
|
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
|
||
|
|
```
|