Date de réalisation : Juillet 2024

Fonctionnalités principales :

• Authentification utilisateur : Les utilisateurs peuvent créer un compte sécurisé, se connecter, et gérer leur profil grâce à Firebase Authentication (authentification par email et mot de passe).
• Messagerie enrichie : Possibilité d'ajouter des emojis et des images aux messages pour une communication plus expressive.
• Interactions sociales : Les utilisateurs peuvent rechercher et ajouter d'autres membres, ainsi que bloquer/débloquer des utilisateurs.
• Notifications en temps réel : Mise en place de notifications dynamiques via React-Toastify, garantissant une expérience fluide et réactive.

Technologies utilisées :

Front-end :

• React.js : Utilisation de la bibliothèque React pour la gestion de l'interface utilisateur, organisée selon l'architecture MVC et les principes de la programmation orientée objet.
• Zustand : Gestion de l'état global de l'application (chat, utilisateurs) avec la bibliothèque Zustand.

Back-end géré par Firebase :

• Firebase.js : Initialisation et configuration de Firebase pour l'application, assurant une authentification sécurisée, une base de données Firestore en temps réel, et un stockage des fichiers dans Firebase Storage.
• Firestore : Base de données NoSQL permettant de stocker et synchroniser les données en temps réel, avec l'affichage instantané des messages et utilisateurs grâce à la méthode onSnapshot.
• Firebase Storage : Stockage des fichiers (images, vidéos, etc.) dans le cloud Firebase.
• Firebase Cloud Functions : Exécution de code backend sans serveur en réponse à des événements spécifiques ou des requêtes HTTP.
• Firebase Hosting : Hébergement rapide et sécurisé de l'application web sur Firebase Hosting, avec l'intégration d'un domaine personnalisé pour une URL professionnelle.

Date de réalisation : Août 2023

Mise à jour : 2024

Fonctionnalités principales :

• Authentification utilisateur : Les utilisateurs peuvent créer un compte sécurisé avec validation par email, se connecter, et gérer leurs profils.
• Gestion des favoris : Possibilité pour les utilisateurs d'ajouter des BDs à leurs favoris pour un accès rapide.
• Interface d'administration :
  • Pour les utilisateurs : Interface protégée par mot de passe permettant de mettre en ligne, modifier ou supprimer leurs BDs.
  • Pour l'administrateur : Interface dédiée pour valider les BDs soumises par les utilisateurs avant leur publication.
• Messagerie instantanée : Remplacement du chat initial par une fonctionnalité de messagerie instantanée en temps réel, intégrée avec Socket.io, permettant aux utilisateurs de communiquer directement via leur espace personnel.
• Formulaire de contact : Intégration d'un formulaire permettant aux utilisateurs de contacter un vendeur par email.

Technologies utilisées :

Front-end :

• React.js : Développement de l'interface utilisateur avec la bibliothèque React, en respectant l'architecture MVC et les principes de la programmation orientée objet.
• Hooks React (useState, useContext) : Utilisés pour la gestion des états et des favoris.
• React Redux : Gestion de l'état global de l'application, principalement pour l'authentification des utilisateurs et des administrateurs.
• Bootstrap : Intégration de l'interface administrateur avec Bootstrap pour une mise en page responsive et professionnelle.

Back-end :

• Node.js & Express.js : Développement du serveur backend avec Express.js, fonctionnant sur l'environnement Node.js. Le code est structuré selon l'architecture MVC pour une meilleure organisation et maintenance.
• Socket.io : Intégration de Socket.io pour la gestion de la messagerie instantanée en temps réel entre les utilisateurs.
• Base de données : Conception et gestion d'une base de données pour stocker les informations des utilisateurs, des BDs et autres articles.

Projet d'amélioration futur :

• Amélioration continue de la messagerie : Ajout de nouvelles fonctionnalités pour la messagerie instantanée, telles que le partage de fichiers et l'indication des utilisateurs en ligne.

Date de réalisation : 2022

Fonctionnalités principales :

• Authentification :
  • Inscription et connexion sécurisées pour accéder à l'application.
  • Sécurisation des sessions utilisateur grâce à un middleware d'authentification.
• Agenda :
  • Interface utilisateur permettant de créer et gérer les rendez-vous via FullCalendar.
  • Les utilisateurs peuvent ajouter, modifier ou supprimer des rendez-vous.
  • Utilisation de la bibliothèque Moment.js pour le formatage des dates et heures.
  • Intégration du composant Modal de Bootstrap pour la création et l'édition des rendez-vous.
• Suivi des Prospects et Clients :
  • Rubrique dédiée à la gestion des prospects, des clients, et des clients en attente.
  • Possibilité d'ajouter des notes de suivi pour chaque interaction, incluant l'heure et la date de l'appel ou du rendez-vous.
  • Gestion des étapes du cycle de vente depuis le prospect jusqu'au client confirmé.
• Statistiques :
  • Tableau de bord affichant des graphiques statistiques sur les rendez-vous, les appels, et les prospects.
  • Utilisation de Chart.js pour représenter les données sous forme de graphiques dynamiques.
  • Intégration de Moment.js pour la gestion des périodes de temps dans les statistiques.

Technologies utilisées :

Front-end :

• React.js : Utilisé pour la gestion de l'interface utilisateur, en suivant l'architecture MVC.
• Redux : Gestion centralisée de l'état de l'application, incluant les informations des utilisateurs, des rendez-vous, et des clients/prospects.
• Bootstrap : Design responsive et élégant de l'interface utilisateur.

Back-end :

• Node.js avec Express.js : Serveur backend pour gérer les requêtes HTTP et l'interaction avec la base de données.
• MySQL : Base de données relationnelle pour stocker les informations des utilisateurs, des rendez-vous, et des interactions avec les prospects/clients.
• Middleware Auth : Sécurisation des routes pour protéger les données sensibles et garantir une gestion sécurisée des sessions utilisateur.

Hébergement et gestion des médias :

• Serveur Express : Hébergement des ressources statiques et gestion des requêtes API RESTful.
• API RESTful : Définition des routes pour les opérations CRUD sur les utilisateurs, rendez-vous, et suivis.

Date de réalisation : 2022

Fonctionnalités principales :

Espace utilisateur :

• Page d'accueil : Présentation des produits disponibles.
• Gestion des produits : Parcourir, sélectionner et ajouter des bières au panier avec alertes de stock.
• Paiement en ligne : Validation du panier et paiement sécurisé via Stripe.
• Authentification : Inscription et connexion sécurisées.

Espace administrateur :

• Gestion des produits : Ajouter, modifier ou supprimer des bières.

Technologies utilisées :

Front-end :

• React.js : Framework pour l'interface utilisateur, structuré MVC.
• Redux : Gestion de l'état global de l'application.
• Bootstrap : Création d'une interface responsive.
• Stripe : Intégration pour les paiements en ligne.

Back-end :

• Node.js avec Express.js : Serveur backend pour les requêtes HTTP.
• MySQL : Base de données pour les informations utilisateurs et produits.
• Middleware Auth : Sécurisation des routes.

Hébergement et gestion des médias :

• Serveur Express : Hébergement des ressources statiques.
• API RESTful : Routes pour les opérations CRUD.

Date de réalisation : Février 2022

Fonctionnalités principales :

Interface d'administration :

• Interface sécurisée : Accès protégé par mot de passe pour gérer les articles.
• Éditeur de texte intégré : TinyMCE pour la mise en forme des articles.
• Formulaire utilisateur : Traitement des données via PHP, avec stockage en base de données.
• Gestion des articles : Base de données pour ajouter et gérer les articles.

Technologies utilisées :

Front-end :

• Bootstrap : Pour une interface responsive et ergonomique.
• jQuery : Pour améliorer l'interactivité.

Back-end :

• PHP : Développement backend avec architecture MVC.
• Base de données : Gestion des articles et des données utilisateur.

Optimisation SEO :

• Référencement naturel : Optimisation pour améliorer le classement dans les moteurs de recherche.

Date de réalisation sans backend : Avril 2021

Mise à jour avec backend : Janvier 2022

Description du projet :

Développement complet du site web, avec mise à jour pour intégrer un backend, offrant une interface d'administration sécurisée et une gestion des données et des images.

Fonctionnalités principales :

• Interface d'administration sécurisée : Gestion du contenu du site.
• Formulaire utilisateur : Saisie et traitement des données via PHP.
• Gestion des images : Base de données pour administrer les images.

Technologies utilisées :

Front-end :

• Bootstrap : Création d'une interface responsive et moderne.
• jQuery : Pour améliorer l'interactivité.

Back-end :

• PHP : Développement backend avec architecture MVC.
• Base de données : Gestion des données utilisateur et des images.

Optimisation SEO :

• Référencement naturel : Optimisation pour améliorer la visibilité sur les moteurs de recherche.