Comment améliorer vos applications en tirant parti de la puissance de mistral.ai, une intelligence artificielle Française, concurrente de ChatGPT, et gratuite ?

Elle est réputée pour être rapide, et peux être connectée facilement à vos applications grâce à ce que Mistral.ai appelle « La Plateforme ».

Vous pouvez l’utiliser comme agent de discussion simple, ou le pré-paramétrer pour qu’il adopte un comportement et un style de réponse prédéfini.

Dans cette vidéo, je vous montre ces 2 utilisations.

Imaginons que l’on ai un site sur des destinations touristiques, et que l’on veuille utiliser l’AI pour conseiller nos visiteurs sur la préparation de leur vacances.

On pourrait leur proposer de dialoguer avec un agent artificiels, ou bien simplement de choisir une capitale Européenne afin de connaitre les 3 lieux phares à visiter.

La vidéo est ci-dessous, et le code est téléchargeable ici !

Créons ensemble un Flipbook pour une carte de restaurant ! Il sera réalisé en HTML, CSS, et Javascript, et utilisera la bibliothèque StPageFlip.js.

Dans la première version, les contenus affichés seront du HTML, et dans la seconde, ce seront des images (qu’il vous faudra ajouter).

La librairie StPageFlip.js est disponible ici  et le CDN à inclure (seulement le JS) est disponible ici.

Dans cet exemple le rendu est bien meilleur en écran large, mais il est possible d’améliorer le CSS pour que le HTML s’affiche bien aussi pour les mobiles.

Consultez cette vidéo pour tous les détails :

Créons ensemble un système de pop-ups, de 2 manières ! Dans la première version, le bouton comprend un écouteur d’évènement, dans la seconde, le bouton comprend des data-attributes.

Consultez cette vidéo pour tous les détails :

Créons ensemble un fond coloré aléatoire pour notre page ! D’abord un fond uni aux couleurs prédéfinies, puis un fond uni de n’importe qu’elle couleur, puis un fond bicolore (dégradé) aléatoire.

Consultez cette vidéo pour tous les détails :

Créons ensemble cette redirection automatique au bout de 5 secondes, vers le site de votre choix (l’URL est à préciser dans le javascript) !

Consultez cette vidéo pour tous les détails :

Créons ensemble cette horloge, au style écran LCD mais personnalisable selon vos goûts !

Consultez cette vidéo pour tous les détails :