Intro

WaifuList est une plateforme utilisant l'API GraphQL du tracker d’animés et de mangas : Anilist. Elle permet aux utilisateurs de rechercher leurs waifus préférées, c'est-à-dire les personnages, et de consulter leurs informations. Les utilisateurs peuvent ajouter ces personnages à leurs favoris et consulter les favoris des autres utilisateurs.

Interface

Gérer le patrimoine informatique

• Licence : TailwindUI a été utilisé sous licence non commerciale pour aider dans le développement de l'interface utilisateur à travers la multitude de composants qu’il propose.

• Gestion du nom de domaine : Le nom de domaine a été enregistré et est géré avec OVH.

• Hébergement du site : Le site a été hébergé sur Vercel.

• Hébergement du code : Le code source du projet a été hébergé sur GitHub.

Développer la présence en ligne : organisation

• Audit SEO : Des audits SEO ont été réalisés à l'aide de Polypane et Google Search Console pour optimiser la visibilité du site.

• Audit Performance : La performance du site a été évaluée en utilisant Vercel et Checklyhq.

Travailler en mode projet

• Cahier des charges : Un cahier des charges a été rédigé pour définir les objectifs et les fonctionnalités de la plateforme WaifuList.

cahier_des_charges.pdf

• Gestion des tâches : Trello a été utilisé pour la gestion des tâches et le suivi du projet.

Mettre à disposition des utilisateurs un service informatique

• Browser test : Checklyhq a été utilisé pour effectuer des tests de navigateur afin de simuler l'activité des utilisateurs, offrant ainsi des résultats proches de la réalité.

En outre, une page de statut a été mise à disposition pour informer les utilisateurs de tout incident potentiel sur la plateforme. Cette page permet de communiquer rapidement et efficacement sur les problèmes rencontrés et les actions entreprises pour les résoudre. Cette transparence renforce la confiance des utilisateurs et leur permet de comprendre les raisons d'éventuelles perturbations du service.

L'utilisation de Checklyhq et la mise en place d'une page de statut contribuent à améliorer la qualité de l'application et à maintenir un niveau de service élevé pour les utilisateurs, en anticipant et en résolvant rapidement les problèmes.

• Gestion de logs : Logtail a été utilisé pour la gestion des logs et le suivi des incidents. Lorsqu'une erreur 500 (erreur provenant du serveur) se produit, une notification est envoyée dans un salon Discord dédié, permettant ainsi une réactivité accrue pour résoudre les problèmes potentiels.

• Mise en production : Vercel a été utilisé pour déployer et mettre en production le site WaifuList. Avant chaque déploiement, Vercel permet de lancer et vérifier les browser tests de Checklyhq pour s'assurer de leur bon fonctionnement. De plus, Vercel fournit des résultats de performance à la fin de chaque déploiement, facilitant ainsi le suivi et l'optimisation des performances du site.

Organiser son développement professionnel

• Rassembler des articles avec Feedly : Feedly a été utilisé pour collecter et organiser des articles pertinents liés à la stack technique du projet.

• Notification de sécurité : Des notifications de sécurité ont été mises en place sur GitHub pour rester informé des dernières vulnérabilités concernant notre stack technique.

Conclusion/Evolution

Ce projet m'a permis de travailler sur différents aspects du développement web, tels que l'optimisation SEO, la performance et la mise en place de tests de navigateur. Pour continuer à améliorer WaifuList, il serait intéressant de surveiller régulièrement les retours des utilisateurs et d'envisager de nouvelles fonctionnalités répondant à leurs demandes.