Leaflet-Explorer
Link to open source: https://github.com/Aayush-Roy/Leaflet-Explorer.git
Link to Live Project: https://leaflet-explorers.onrender.com/listings
Project Name: Leaflet-Explorer
Description:
Leaflet-Explorer is a full-stack web application designed to provide users with a platform to browse and share exciting travel destinations. Users can create listings for places they’ve visited or wish to visit, share their experiences through reviews, and interact with other travelers. The app integrates dynamic maps to help users locate the listed destinations. Wanderlust emphasizes user interaction, with authentication features allowing users to manage their own listings and reviews.
Features:
- User Authentication: Secure signup, login, and logout using Passport.js.
- Listings: Users can create, edit, and delete travel destination listings with details such as title, description, and images.
- Reviews: Users can leave reviews on any listing, as well as delete their own reviews.
- Interactive Map Integration: Dynamically generated maps using Leaflet.js based on the location entered by the user, enhancing the experience of visualizing destinations.
- Responsive Design: The app is fully responsive, ensuring a smooth user experience on all device sizes.
- Image Uploads: Users can upload images to better showcase their travel experiences.
- Form Validation: Real-time form validation ensures the data integrity of listings and reviews.
- CRUD Operations: Fully functional create, read, update, and delete operations for both listings and reviews.
Tech Stack:
- Front-end:
- HTML5, CSS3, JavaScript (ES6+)
- Bootstrap for responsive design and UI components
- EJS for server-side rendering of views
- Back-end:
- Node.js with Express.js for server-side logic and routing
- Mongoose for MongoDB object modeling and database interaction
- Database: MongoDB for handling listing and review data
- Maps: Leaflet.js for interactive map functionality
- Authentication: Passport.js for secure user authentication and session management
- Deployment: Render for hosting the application
This project demonstrates a comprehensive understanding of full-stack development, integrating both front-end and back-end technologies to deliver a robust web application for travel enthusiasts.
