Application fictive de médias sociaux

Application fictive de médias sociaux Full-Stack construite avec React.js et Firebase. Cette application permet aux utilisateurs de communiquer en temps réel via des messages textuels.

JSX (JavaScript et XML) Scss

React.js Firebase

• Date de réalisation : juillet 2024.
• Création d’un espace de connexion pour les utilisateurs inscrits et possibilité de créer un compte.
• Possibilité d'ajouter des emojis et des images aux messages.
• Fonctionnalité pour bloquer/débloquer un utilisateur.
• Possibilité de rechercher et d'ajouter d'autres utilisateurs dans l'application.
• Affichage de notifications grâce à react-toastify pour une expérience utilisateur améliorée.
• Front-end : Organisation du code en JavaScript et utilisation de la bibliothèque React.js, en respectant l’architecture MVC et les principes de la programmation orientée objet.
• Back-end géré par Firebase :
  • Le fichier firebase.js initialise et configure Firebase pour l'application React, incluant l'authentification sécurisée, la base de données Firestore pour le stockage des messages et des utilisateurs, ainsi que le stockage Firebase pour l'enregistrement des fichiers.
  • Affichage en temps réel des données grâce à la méthode Firestore onSnapshot qui permet d'écouter les changements en temps réel sur un document Firestore.
  • Utilisation de la bibliothèque Zustand pour gérer l'état du chat et de l'utilisateur.
  • Firebase Authentication : permet aux utilisateurs de s'inscrire, de se connecter et de gérer leurs comptes (authentification sécurisée par email et mot de passe.). L'accès sécurisé aux données est garanti.
  • Firestore : service de base de données NoSQL pour stocker et synchroniser les données en temps réel entre les clients et le backend.
  • Firebase Storage : permet de stocker des fichiers tels que des images, des vidéos ou tout autre type de fichier dans le cloud Firebase.
  • Firebase Cloud Functions : service de backend sans serveur qui permet d'exécuter du code en réponse à des événements déclenchés par Firebase ou des requêtes HTTP.
  • Firebase Hosting : permet d'héberger l'application web React et offre un hébergement rapide et sécurisé avec un CDN global. Utilisation d'un domaine personnalisé pour changer l'URL.

Site de petites annonces fictive

Développement front-end et back-end d'une plateforme fictive en ligne qui facilite la mise en relation de particuliers intéressés par l'achat, la vente ou l'échange de bandes dessinées. Cette plateforme inclut une messagerie instantanée permettant aux utilisateurs de communiquer directement entre eux.

JSX (JavaScript et XML) css

React.js Bootstrap

Node.js mysql

• Date de réalisation: août 2023.
• Création du site web de A à Z.
• Création d’un espace de connexion pour les utilisateurs inscrits et possibilité de créer un compte. L’utilisateur reçoit un mail pour valider son inscription.
• Possibilité de mettre des BDs en favoris.
• Création d'une interface d’administration protégée par mot de passe qui permet à l'utilisateur de mettre en ligne ses BDs, les modifier ou les supprimer.
• Création d'une interface d’administration protégée par mot de passe qui permet à l’administrateur de valider une BD proposée par l’utilisateur.
• Front-end: Organisation du code en langage Javascript et utilisation de la bibliothèque REACT.JS, en respectant l’architecture MVC et les principes de la programmation en orienté objet.
• Back-end: organisation du code langage JavaScript et utilisation du framework Express.js(framework web pour Node.js). Node.js (environnement d'exécution JavaScript côté serveur) permet d'exécuter des scripts JavaScript côté serveur. respect également de l’architecture MVC et des principes de la programmation en orienté objet.
• Utilisation des Hooks (useState et useContext(pour les favoris)) et de React Redux (principalement pour la connexion des utilisateurs et des admlinistrateurs)
• Formulaire de prise de contact par mail avec un vendeur.
• Données récupérées dans une base de données.
• Construction d'une base de données pour rajouter de nouveaux articles.
• Intégration de l'interface administrateur avec Bootstrap.
• Projet d'amélioration futur: rajout d'un chat qui permettra aux utilisateurs d'échanger directement via leur espace personnel.

Site web vitrine et blog pour une Conseillère en parentalité

Développement front-end et back-end d'un site web vitrine responsive avec une interface blog développé en mobile first.

html css javascript

Jquery Bootstrap

php mysql

• Date de réalisation: février 2022.
• Création du site web de sa conception à sa livraison.
• Création d'une interface d’administration protégée par mot de passe qui permet à l'administrateur de publier des articles. Intégration d'un éditeur de texte simple (tinyMCE) pour que l'administrateur puisse mettre en forme ses articles.
• Organisation du code en langage PHP, en respectant l’architecture MVC et les principes de la programmation en orienté objet.
• Saisie du formulaire utilisateur récupérée en langage PHP.
• Données récupérées dans une base de données.
• Construction d'une base de données pour rajouter de nouveaux articles.
• Intégration de l'interface administrateur avec Bootstrap.
• Utilisation de JQuery
• Référencement naturel

Site web vitrine pour un Infographiste 3D

Développement front-end et back-end d'un site web vitrine responsive développé en mobile first.

html css javascript

Jquery Bootstrap

php mysql

• Date de réalisation sans backend: avril 2021.
• Mise à jour et intégration d'un backend: janvier 2022.
• Création du site web de sa conception à sa livraison.
• Création d'une interface d’administration protégée par mot de passe.
• Organisation du code en langage PHP, en respectant l’architecture MVC et les principes de la programmation en orienté objet.
• Saisie du formulaire utilisateur récupérée en langage PHP.
• Données récupérées dans une base de données.
• Construction d'une base de données pour la gestion des images par l'administrateur.
• Intégration de l'interface administrateur avec Bootstrap.
• Utilisation de JQuery
• Référencement naturel