_ ____     ____ _           _   ____        _                            __  __ _     _             _ 
     | / ___|   / ___| |__   __ _| |_| __ )  ___ | |_    __ ___   _____  ___  |  \/  (_)___| |_ _ __ __ _| |
  _  | \___ \  | |   | '_ \ / _` | __|  _ \ / _ \| __|  / _` \ \ / / _ \/ __| | |\/| | / __| __| '__/ _` | |
 | |_| |___) | | |___| | | | (_| | |_| |_) | (_) | |_  | (_| |\ V /  __/ (__  | |  | | \__ \ |_| | | (_| | |
  \___/|____/   \____|_| |_|\__,_|\__|____/ \___/ \__|  \__,_| \_/ \___|\___| |_|  |_|_|___/\__|_|  \__,_|_|

Objectif

• Utiliser l'API de Mistral pour réaliser un chatbot en JS
• Utiliser JS pour faire un appel API avec fetch()

Pré requis

• Connaître la manipulation du DOM en JS
• Connaître les événements en JS

Fonctionnement

Dans le dossier assets/js, créer un fichier env.js en se basant sur env.js.sample. Y ajouter la clé API et l'URL de l'API Mistral.

// Clé API Mistral
const apiKey = '';
// URL de l'API Mistral
const apiEndpoint = '';