Application Web Full-Stack inspirée d'Airbnb
#lien en direct
Table des matières
- Aperçu du projet
- Technologies et packages utilisés
- Principales fonctionnalités
- Démo en direct
- Merci
Aperçu du projet
Je suis ravi de partager mon parcours de développement d'une application Web full-stack riche en fonctionnalités inspirée d'Airbnb. Ce projet exploite MongoDB, Express.js et Node.js pour créer une plate-forme dynamique et évolutive pour gérer les listes et les interactions des utilisateurs.
Technologies et packages utilisés
Back-end
- MongoDB : base de données NoSQL pour un stockage de données flexible et évolutif.
- Express.js : Framework d'application Web pour Node.js, fournissant des fonctionnalités robustes pour les applications Web et mobiles.
- Node.js : Runtime JavaScript pour le développement côté serveur.
Authentification
- Passport.js : Middleware pour l'authentification des utilisateurs, prenant en charge diverses stratégies.
- Dotenv : Gestion des variables d'environnement pour une configuration sécurisée.
Stockage d'images
- Cloudinary : Solution cloud de gestion d'images et de vidéos.
Cartes
- Mapbox : Plateforme de cartes personnalisées et d'expériences basées sur la localisation.
L'extrémité avant
- EJS : Modèles JavaScript embarqués pour le rendu dynamique du contenu.
Gestion des sessions
- Connect Flash : Middleware pour les messages flash.
- Connect Mongo : magasin de sessions MongoDB pour Express.js.
- Cookie Parser : Middleware pour analyser les cookies.
Validation
- Joi : Bibliothèque de validation des données.
Modélisation d'objets
- Mongoose : modélisation objet MongoDB pour Node.js.
Téléchargements de fichiers
- Multer : Middleware pour gérer les téléchargements de fichiers.
Principales fonctionnalités
Authentification utilisateur : section de connexion, de déconnexion et de profil utilisateur.
Opérations CRUD : ajouter, modifier et supprimer des listes.
Système d'avis : ajouter et supprimer des avis.
Gestion du compte : mettre à jour le compte utilisateur et le mot de passe.
Sécurité des données utilisateur : hachage et cryptage des mots de passe.
Cartes interactives : tirer parti de Mapbox pour la visualisation de localisation.
Connectez-vous avec Google : authentifiez-vous avec votre compte Google pour une expérience fluide.
Connectez-vous avec Facebook : Connectez-vous facilement en utilisant vos identifiants Facebook.
Connexion par e-mail : connexion par e-mail traditionnelle pour la commodité de l'utilisateur.
Découvrez la démo en direct de l'application ici : Render Deployment
Merci
Merci d'avoir exploré Airbnb ! Vos commentaires sont précieux. Si vous avez des suggestions ou des idées, n'hésitez pas à les partager avec nous.