Migros Analytics
Galerie d'images
L'idée de base
Je me suis retrouvé avec mes données d'achat Migros au format CSV et je me suis dit : "C'est quand même dommage de ne rien en faire". Migros Analytics, c'est justement ça - une app qui prend ces fichiers un peu moches et les transforme en graphiques et stats compréhensibles.
Le problème
Migros te laisse télécharger tes données d'achat, ce qui est cool. Par contre, c'est du CSV brut. Pas hyper exploitable quand tu veux juste savoir combien tu dépenses par mois ou si t'achètes vraiment trop de pain toast.
Comment ça marche
Tu glisses ton fichier CSV dans l'app (drag & drop), et hop, t'as accès à quatre onglets d'analyse :
Vue d'ensemble : le gros tableau - combien dépensé ce mois, tendances générales
Tendances : tes patterns - quel jour tu fais tes courses, à quelle heure, comment ça évolue
Produits : ton top achats, une recherche si tu veux retrouver un truc précis
Magasins : les filiales que tu fréquentes le plus
Le truc important : tout reste dans ton navigateur. Tes données ne quittent jamais ton ordinateur. Privacy first.
Stack technique
J'ai construit ça avec Vue 3 (Composition API parce que c'est plus clean), Chart.js pour les graphiques animés, et Papaparse pour parser le CSV rapidement. Vite pour le build parce que c'est rapide et que la vie est trop courte pour attendre Webpack.
Design en CSS pur avec des variables, donc pas de framework CSS lourd pour un projet comme ça.
C'est un projet qui démontre qu'on peut faire de l'analyse de données accessible sans sacrifier la vie privée. Et aussi que Vue.js c'est vraiment agréable pour ce genre d'app interactive.
Stack : Vue 3, Chart.js, Vite, Papaparse
Disponible : Version live | GitHub
Réessayer