The DIAM-AI website for all projects in Africa and international
# DIAM-AI — Site officiel
Site institutionnel de DIAM-AI (Data, Intelligence Artificielle & Mathématiques),
construit avec React + TypeScript + Vite + Tailwind CSS + Framer Motion.
## Prérequis
- Node.js 18+ et npm
## Installation
```bash
npm install
```
## Développement
```bash
npm run dev
```
Le site est alors disponible sur `
localhost`.
## Build de production
```bash
npm run build
```
Génère le dossier `dist/` prêt à déployer.
## Prévisualiser le build
```bash
npm run preview
```
---
## Éditer le contenu du site
Toute donnée éditable vit dans `src/data/` :
| Fichier | Contenu |
|---|---|
| `siteConfig.ts` | Coordonnées, réseaux sociaux, lien Parcours DIAM, chiffres clés |
| `navigation.ts` | Liens de la navbar et du footer |
| `activities.ts` | Les 4 cartes d'activités (accueil) |
| `expertise.ts` | Domaines d'expertise |
| `projects.ts` | Projets (page Projets) |
| `partners.ts` | Partenaires (vide au lancement — à remplir) |
| `courses.ts` | Parcours proposés sur Parcours DIAM |
| `values.ts` | Valeurs (page À propos) |
| `africaFocus.ts` | Domaines de la section "IA au service des enjeux africains" |
| `initiatives.ts` | Initiatives (Club DIAM, hackathons, etc.) |
**Aucun chiffre n'est inventé.** Dans `siteConfig.ts`, `keyFigures[].value` est à
`null` tant qu'un chiffre officiel n'est pas confirmé — le composant
`StatBlock` affiche alors "À venir" plutôt qu'un nombre fictif.
## Remplacer les images
Voir `src/assets/images/`. Les projets référencent leurs visuels via le champ
`image` dans `src/data/projects.ts` — remplacer le chemin une fois les
visuels définitifs disponibles.
## Préparation multilingue (FR → FR/EN)
Voir le commentaire d'architecture dans `src/content/i18n.ts`. Le texte
éditorial de chaque page est isolé dans une constante en tête de fichier,
prêt à être extrait vers des dictionnaires `fr`/`en` sans refactoring
profond.
---
## Déploiement
Le projet est un site statique standard (Vite) : il se déploie sur
Net …