Installation

# Cloner le dépôt
git clone https://github.com/YaniPay/yanipay-animation.git

# Se placer dans le répertoire du projet
cd yanipay-animation

# Installer les dépendances (pnpm obligatoire)
pnpm install

# Copier le fichier d'environnement
cp .env.local.example .env.local

# Initialiser la base de données
npx prisma generate && npx prisma db push

# Lancer le serveur de développement
pnpm dev

1
'use client';
2
3
// Composants Shadcn UI (depuis le dépôt local)
4
import { Button } from '@/components/ui/button';
5
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
6
import { Input } from '@/components/ui/input';
7
8
// Composants métier YaniPay
9
import { WalletBalance } from '@/components/dashboard/wallet/WalletBalance';
10
import { TransactionList } from '@/components/dashboard/transactions/TransactionList';
11
12
export function ExampleDashboard() {
13
  return (
14
    <Card>
15
      <CardHeader>
16
        <CardTitle>Mon Wallet</CardTitle>
17
      </CardHeader>
18
      <CardContent>
19
        <WalletBalance />
20
        <TransactionList />
21
      </CardContent>
22
    </Card>
23
  );
24
}

1
'use client';
2
3
// Toujours utiliser apiGet/apiPost — jamais fetch() directement
4
import { apiGet, apiPost } from '@/lib/api/client';
5
import type { DashboardStatsResponse } from '@/apps/platform/api/contracts/dashboard';
6
7
export async function fetchDashboardStats() {
8
  // Gère automatiquement : AbortController, 401 redirect, erreurs typées
9
  const stats = await apiGet<DashboardStatsResponse>('/api/dashboard/stats');
10
  return stats;
11
}

1
'use server';
2
3
import { getCurrentUser } from '@/lib/auth';
4
import { z } from 'zod';
5
6
const paymentSchema = z.object({
7
  amount: z.number().positive(),
8
  recipientId: z.string().uuid(),
9
});
10
11
export async function initiatePayment(formData: FormData) {
12
  const user = await getCurrentUser();
13
  if (!user) throw new Error('Non authentifié');
14
15
  const input = paymentSchema.parse({
16
    amount: Number(formData.get('amount')),
17
    recipientId: String(formData.get('recipientId')),
18
  });
19
20
  // Logique de paiement...
21
}

# Base de données (obligatoire)
DATABASE_URL="postgresql://username:password@localhost:5432/yanipay"

# NextAuth (obligatoire)
NEXTAUTH_SECRET="votre-secret-32-caracteres-minimum"
NEXTAUTH_URL="http://localhost:3000"

# JWT (obligatoire)
JWT_SECRET="votre-jwt-secret"

# IA — ElevenLabs TTS (optionnel)
ELEVENLABS_API_KEY="votre-cle-elevenlabs"

# IA — Google Gemini (optionnel)
GEMINI_API_KEY="votre-cle-gemini"

# Paiements — Stripe (optionnel)
STRIPE_SECRET_KEY="sk_test_..."
STRIPE_WEBHOOK_SECRET="whsec_..."

# OAuth — GitHub (optionnel)
GITHUB_ID="votre-github-id"
GITHUB_SECRET="votre-github-secret"

# OAuth — Google (optionnel)
GOOGLE_CLIENT_ID="votre-google-client-id"
GOOGLE_CLIENT_SECRET="votre-google-client-secret"

# Vérification TypeScript (pas d'erreurs de types)
pnpm type-check

# Linting (respect des règles ESLint)
pnpm lint

# Tests unitaires (70%+ de couverture attendue)
pnpm test --maxWorkers=2

# Lancement du serveur de développement
pnpm dev