← Retour au portfolio

StopVaping

Dashboard de suivi et de visualisation de la consommation de nicotine

Voir le Repository GitHub
Vue.js TypeScript API PHP FullStack

Le Contexte

Ce projet personnel est né de la volonté d'approfondir ma maîtrise du framework Vue.js à travers le développement d'une application complète et concrète.

L'outil permet aux utilisateurs de saisir quotidiennement leurs données de consommation afin d'en assurer un suivi précis. Grâce à un système de statistiques détaillées et d'analyse des tendances, l'application accompagne activement les utilisateurs dans leur démarche de réduction ou du vapotage / tabac.

Capture d'écran de l'interface

Détails Techniques & Fonctionnalités

⚡

Réactivité avec Vue.js

Utilisation du système de réactivité de Vue.js (comme v-model pour les nombreuses zones de saisie) pour lier instantanément les saisies de l'utilisateur aux variables d'état du composant, offrant une interface extrêmement fluide.

🌐

API PHP Maison

Afin de structurer et d'alimenter l'interface utilisateur en temps réel, j'ai conçu et développé une API PHP personnalisée. Cette architecture back-end gère l'ensemble des points de terminaison (endpoints) nécessaires au traitement des saisies quotidiennes et au calcul des statistiques de consommation. Ce développement m'a permis de mettre en place un pont performant et sécurisé entre le front-end sous Vue.js et la base de données.

🔐

Une V1 encourageante !

Cette première version pose des bases solides, tant sur le plan fonctionnel que technique. Développée sur mon temps librecomme un projet d'apprentissage et d'exploration, cette V1 intègre d'ores et déjà des standards de sécurité essentiels : vérification des adresses e-mail avant la création de compte, hachage sécurisé des mots de passe, et stricte étanchéité avec l'absence de données ou de variables sensibles exposées dans le front-end.