AetherPay/aether-pay-business

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 …