53 lines
1.2 KiB
Markdown
53 lines
1.2 KiB
Markdown
# Token Aggregation Control Panel
|
|
|
|
Modern React-based control panel for managing the Token Aggregation Service.
|
|
|
|
## Features
|
|
|
|
- **API Key Management**: Add, edit, and manage external API keys (CoinGecko, CoinMarketCap, DexScreener)
|
|
- **Endpoint Management**: Configure RPC and API endpoints for supported chains
|
|
- **DEX Factory Management**: Add and manage DEX factory addresses
|
|
- **Service Status**: Real-time dashboard with service statistics
|
|
- **Authentication**: Secure login with role-based access control
|
|
|
|
## Tech Stack
|
|
|
|
- React 18
|
|
- TypeScript
|
|
- Vite
|
|
- React Router v6
|
|
- TanStack Query (React Query)
|
|
- Zustand (State Management)
|
|
- Tailwind CSS
|
|
- Lucide React (Icons)
|
|
|
|
## Development
|
|
|
|
```bash
|
|
cd frontend
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
The frontend will be available at `http://localhost:3001`
|
|
|
|
## Build
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
Output will be in `dist/` directory, ready to be served by nginx or any static file server.
|
|
|
|
## Production Deployment
|
|
|
|
The frontend is built and served via nginx in the Proxmox deployment. The build output is placed in `/opt/token-aggregation/frontend/dist` and nginx serves it on port 80.
|
|
|
|
## Environment Variables
|
|
|
|
Create `.env` file:
|
|
|
|
```
|
|
VITE_API_BASE_URL=http://localhost:3000
|
|
```
|