Description
NutriFlashy est une application web conçue pour permettre aux utilisateurs de rechercher des produits alimentaires et d’accéder à des informations détaillées sur leur composition. Ce projet, développé dans le cadre de ma formation, allie ma volonté de créer des outils utiles au quotidien à l’apprentissage des bonnes pratiques de développement web.
Pensée pour être accessible et intuitive, l’application inclut une fonctionnalité de scan de code-barres pour simplifier les recherches, particulièrement sur mobile.
Fonctionnalités principales :
🔎 Recherche de produits par nom ou code-barres avec affichage instantané des résultats.
📦 Gestion des favoris pour sauvegarder et retrouver facilement les produits.
📑 Affichage des détails des produits avec des informations nutritionnelles claires et complètes.
📷 Scan de code-barres intégré via QuaggaJS, optimisé pour les appareils mobiles.
🔐 Authentification utilisateur avec création de compte et connexion sécurisée.
🌐 Design responsive pour une expérience fluide sur mobile et desktop.
Technologies utilisées
Frontend
- Vue.js : Framework JavaScript pour une interface réactive et dynamique.
- SCSS : Gestion avancée des styles et des thèmes.
- QuaggaJS : Scanner de code-barres.
Backend
- Node.js et Express : Serveur backend performant.
- Prisma : ORM pour une gestion simplifiée de la base de données.
- PostgreSQL : Base de données relationnelle robuste.
- bcrypt : Hachage des mots de passe.
- JWT : Gestion sécurisée des sessions utilisateur.
Hébergement
- VPS Ionos : Hébergement de l’application backend et frontend.