Skip to content

Tushar-sonawane06/WanderLust

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌍 WanderLust β€” Hotel Booking Website

Project link :- https://wanderlust.tushar-sonawane.xyz/

WanderLust is a full-stack hotel booking web application that allows users to explore hotel listings, view them on an interactive map, add their own listings, leave reviews, and securely book stays. Built with Node.js, Express, MongoDB, and MapTiler, WanderLust focuses on delivering a seamless travel-booking experience with a clean UI and powerful features.


πŸ’» Tech Stack:

CSS3 JavaScript HTML5 Render Vercel HTML5 MongoDB Bootstrap

πŸš€ Features

πŸ” User Authentication

  • Secure signup, login, and logout
  • Password hashing
  • Session-based authentication

🏨 Hotel Listings

  • Add new hotel listings with images
  • Edit or delete your listings
  • Image hosting powered by Cloudinary

πŸ“Έ Image Uploads

  • Supports Cloudinary image uploads
  • Stores URLs in MongoDB

⭐ Reviews & Ratings

  • Users can leave reviews and star ratings
  • Edit/delete reviews
  • Prevents duplicate reviews by the same user

πŸ“ Map Integration

  • Interactive map using MapTiler API
  • Shows hotel coordinates on map
  • Improves user experience for location-based discovery

πŸ’Έ Booking Functionality

  • Users can book hotels
  • Booking records linked to user accounts
  • Prevents double-booking behavior

πŸ”Ž Search & Filters

  • Search hotels by name, city, price, etc.
  • Filter based on rating, location, or price

πŸ’» Responsive UI

  • Clean layout made with Vanilla CSS + Bootstrap
  • Fully responsive on all devices

πŸ› οΈ Tech Stack

Frontend

  • HTML5
  • CSS / Vanilla CSS
  • Bootstrap
  • JavaScript

Backend

  • Node.js
  • Express.js

Database

  • MongoDB Atlas

Third-Party Services

  • Cloudinary β†’ Image Hosting
  • MapTiler API β†’ Map Integration

πŸ“¦ Installation & Setup

Follow these steps to run WanderLust locally:

1. Clone the repository

git clone <repository-url>
cd WanderLust

2. Install dependencies

npm install

3. Create a .env file

Add the following keys:

MAP_API=your_maptiler_api_key
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_KEY=your_cloudinary_api_key
MONGO_URL=your_mongodb_atlas_connection_string

4. Run the project

nodemon app.js

Your app will now run on:

http://localhost:8080/   (or your configured port)

πŸ—„οΈ Database

WanderLust uses MongoDB Atlas, a cloud-hosted database solution. Collections include:

  • users
  • listings
  • reviews
  • bookings

Indexes are used for optimized searches and queries.


🌐 Deployment

WanderLust is deployed on Render for production-ready hosting.


πŸ“ Environment Variables

Variable Description
MAP_API MapTiler API Key
CLOUDINARY_CLOUD_NAME Cloudinary Cloud Name
CLOUDINARY_KEY Cloudinary API Key
MONGO_URL MongoDB Atlas Connection URI

πŸ™Œ Acknowledgments

  • MapTiler for map services
  • Cloudinary for image storage
  • MongoDB Atlas for database hosting

About

A modern hotel listing web application showcasing curated stays across India with detailed descriptions, pricing, locations, and visuals.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors