/ArtyStory

ArtyStory est un Chatbot conversationnel qui permet de dialoguer avec une figure emblématique de l'Histoire. L’utilisateur peut poser toutes les questions de son choix. Cela est possible grâce à la puissance de ChatGPT.

Primary LanguageVue

ArtyStory

ArtyStory est un Chatbot conversationnel qui permet de dialoguer avec une figure emblématique de l'Histoire. L’utilisateur peut poser toutes les questions de son choix. Cela est possible grâce à la puissance de ChatGPT.

Configuration :

  • Vue.js
  • Vite.js (Attention avec Vite car il y a des choses qui changent par rapport à Vue-CLI)
  • API de ChatGPT

Installation :

  • Cloner le répo disponible à cette adresse : https://github.com/killian-dv/ArtyStory
  • Ouvrir un terminal et lancer la commande : npm install
  • Pour lancer le projet en local, lancer la commande : npm run dev
  • La clé d’API est stockée dans un GitHub Secrets en production.
  • La clé d'API est noté sur le coda

Structure :

  • La plupart du code du chatbot se situe dans un composant appelé Chatbot.vue (src/components/Chatbot.vue). Le code est commenté pour expliquer les différentes fonctionnalités. Le CSS est aussi dans ce composant.
  • Les images sont à déposer dans le dossier (src/assets/)
  • Chaque personnage est généré grâce à une View situé dans le dossier (src/views/). On passe en paramètre les infos suivantes pour le composant.
    • Message d’accueil
    • Le prompt à donner à ChatGPT
    • Le nom de la photo de profil du Chatbot
  • Les routes se trouvent dans (src/router/index.js)

Déploiement :

Déploiement automatique

Cette méthode utilise une GitHub Action pour compiler et déployer les fichiers de la branche main sur le serveur. Pour cela, il suffit juste de faire un push sur la branche main.

git add .
git commit -m "Ajout de ...."
git push

Remplacer “Ajout de ...” par la modification effectuée

Chatbots disponibles :