AetherPay/aether-pay-business
Domain:
digital infrastructureRecord type:
software
Creator:
Aet
Host:
Payment platform for the African market. Supports Orange Money, Wave, MTN MoMo, bank cards and USDC.
# 🌌 AetherPay Merchant Dashboard - Guide d'Installation Locale
Ce guide vous explique comment configurer et lancer le tableau de bord **AetherPay** sur votre machine locale en utilisant **Visual Studio Code**.
## 🏗️ Structure du Projet
Créez un dossier nommé `aetherpay-dashboard` et organisez les fichiers comme suit :
```text
aetherpay-dashboard/
├── index.html
├── index.tsx
├── types.ts
├── constants.ts
├── metadata.json
├── components/
│ ├── Layout.tsx
│ └── UI.tsx
└── pages/
├── Home.tsx
├── Transactions.tsx
├── Balances.tsx
├── Payouts.tsx
├── PaymentMethods.tsx
├── Webhooks.tsx
├── Team.tsx
├── Invoices.tsx
├── Settings.tsx
├── Subscriptions.tsx
├── Fraud.tsx
├── Insights.tsx
├── Taxes.tsx
├── Forex.tsx
├── Stablecoin.tsx
├── Escrow.tsx
├── Logistics.tsx
├── Developers.tsx
├── AetherCard.tsx
├── USSDGateway.tsx
└── AetherLinkPro.tsx
```
## 🚀 Lancement Rapide (Sans Node.js)
Cette méthode est la plus simple car elle utilise les dépendances via CDN.
1. Ouvrez le dossier du projet dans **VSCode**.
2. Installez l'extension **"Live Server"** (par Ritwick Dey) depuis le Marketplace de VSCode.
3. Faites un clic droit sur `index.html` et sélectionnez **"Open with Live Server"**.
4. L'application sera accessible sur `127.0.0.1`.
## 🛠️ Installation Professionnelle (Avec Node.js / Vite)
Si vous souhaitez ajouter des bibliothèques ou compiler pour la production, suivez ces étapes :
### 1. Initialisation
```bash
npm init -y
npm install react react-dom lucide-react
npm install -D typescript @types/react @types/react-dom vite
```
### 2. Configuration Vite (Optional)
Créez un fichier `vite.config.ts` :
```typescript
import { defineConfig } from 'vite';
export default defineConfig({
server: { port: 3000 }
});
```
### 3. Lancer en développement
```bash
npx vite
```
## 📦 Dépendances Principales
L'application utilise les versions les plus récentes :
- **React 19** : Gestion de l'interface et des Ă©tats.
- **Tailwind CSS** : Framework de design utili …