Triche Pokémon

Configuration de l'application

La configuration de l'application se fait en deux étapes principales :

• Configurer les API et les serveurs pour l'accès aux données.
• Configurer l'interface utilisateur pour l'affichage des données.

1. Configuration des API et des serveurs

Pour que l'application fonctionne correctement, vous devez vous assurer que les points de terminaison API sont accessibles et que les clés d'authentification sont correctement configurées.

Le fichier de configuration principal se trouve à : src/config/api.ts.

Voici un exemple de configuration typique :

const API_CONFIG = {
  baseUrl: "https://api.exemple.com/v1",
  timeout: 5000,
  headers: {
    Authorization: `Bearer ${process.env.API_TOKEN}`,
  },
};

Note importante : Assurez-vous que la variable d'environnement API_TOKEN est définie dans votre fichier .env.

2. Configuration de l'interface utilisateur

L'interface utilisateur nécessite la définition des thèmes et des constantes de style.

Thèmes et Couleurs

Nous utilisons un système de thème basé sur CSS Variables. Les couleurs principales sont définies dans : src/styles/themes.css.

Les couleurs de base sont :

• --color-primary : Utilisé pour les boutons principaux et les liens.
• --color-secondary : Utilisé pour les éléments secondaires.
• --color-background : Couleur de fond principale.

Si vous souhaitez modifier la couleur principale, mettez à jour la variable :

Gestion des Traductions

Le système utilise react-i18next pour la gestion multilingue. Les fichiers de langue sont situés dans src/locales/.

Pour ajouter une nouvelle langue, ajoutez un fichier JSON correspondant dans ce répertoire et mettez à jour la liste des langues disponibles dans src/i18n.ts.

Déploiement

Une fois la configuration terminée, vous pouvez procéder au déploiement.

Environnements de déploiement

L'application supporte trois environnements :

Pour lancer le build de production, utilisez la commande :

npm run build

Ceci générera les fichiers optimisés dans le dossier .next.