Bricktools – Dashboard utilisateur et visualisation de collection LEGO®

Contexte du projet

Bricktools est un site web dédié aux collectionneurs de la célèbre brique danoise.
Ce projet a été réalisé en équipe dans le cadre de ma Licence Professionnelle Métiers de l’Informatique à l’UHA 4.0.

Le client, propriétaire du site, nous a confié la mission de développer un dashboard utilisateur complet, permettant de suivre l’évolution de la collection, et de centraliser les différentes fonctionnalités du site.

Objectif

Créer une interface utilisateur claire et intuitive pour :

  • Visualiser l’évolution de la collection dans le temps

  • Suivre les ajouts et les retraits de pièces

  • Voir la répartition des types de contenus (sets, pièces, figurines)

  • Suivre ses objectifs via un système de gamification

Ma contribution

Je me suis principalement concentrée sur la visualisation des données via plusieurs types de graphiques interactifs :

 Graphiques d’évolution :

  • Graphique en barres : montre les ajouts et retraits de pièces par semaine ou par mois

  • Graphique en courbe : visualise la croissance de la collection sur les 4 dernières semaines ou les 12 derniers mois

  • Graphique combiné : affiche les deux types précédents superposés pour une vue globale

Graphique en secteur :

  • Représente la répartition entre pièces, sets et figurines dans la collection

Système de gamification :

  • Ajout de filtres et tris dynamiques pour faciliter le suivi des objectifs

Technologies utilisées

Back-end : PHP avec Laravel
Front-end : Vue.js
Styling : Tailwind CSS

Ce que j’ai appris

  • Manipuler et afficher des données dynamiques sous forme de graphiques

  • Créer des visualisations lisibles, utiles et attractives pour l’utilisateur

  • Utiliser des librairies de visualisation dans Vue.js (Chart.js)

  • Travailler en collaboration sur un projet client réel, avec des besoins spécifiques

Laisser un commentaire