Description du projet

Dans cette application Web, les utilisateurs peuvent s’inscrire et se connecter, ajouter des images d’endroits qu’ils ont visité , ils peuvent également voir les images ajoutées par d’autres utilisateurs. À noter que l’hébergement gratuit d’un site/application web via heroku peut prendre du temps à charger, je mets donc cette app en mode maintenance pour l’instant.

 
Grâce au développement de cette application, j’ai pu approfondir la création d’applications fullstack (frontend + backend) avec la MERN Stack qui est très intéressante. L’acronyme MERN se réfère à MongoDB, Express.js, React.js et Node.js – et combinées, ces quatre technologies permettent de créer des applications Web étonnantes.

Dans cette première application MERN Stack que j’ai développée, j’ai appris comment ces différentes technologies fonctionnent ensemble. Ainsi, j’ai commencé par la partie backend en utilisant Node Js et j’ai configuré la base de donnée avec Mongo DB, j’ai ensuite développé la partie frontend avec React. J’ai ensuite pu à la fin les combiner tous en une seule application.

Voici quelques exemples de fonctionnalités qui ont été développées:

-Configuration de la base de données et utilisation des opérations CRUD (Create : créer des données, Read : lire des données, Update : modifier des données, Delete : supprimer des données)

– Téléchargement de fichier (image) dans React.js (envoi du fichier) et Node / Express (réception du fichier)

– Authentification des utilisateurs (inscription + connexion)

– Autorisation de l’utilisateur (contrôle de l’accès à certaines ressources)
– Ajout de la carte open street map

-Déploiement de l’application, la partie Node vie Heroku et la partie React via Firebase