Hotel hub is a web application built with Node.js that allows users to post and search for hotels, as well as perform other actions such as editing hotels, adding and editing users, upvoting and downvoting hotels, and making payments using Mapbox.
- Post new hotels with a title, description, location, price, and photos
- Edit existing hotels
- Search for hotels by location or keyword
- View detailed information about hotels, including photos and a map of the location
- Upvote and downvote hotels
- Register and log in users
- Edit user profiles
- Return users to their original URL after login, searching, or payment
- Pagination to limit the number of hotels displayed at once
- Star rating system for hotels
- Display the creation date for each hotel
- Multiple file upload for hotel photos
- Node.js
- Express.js
- MongoDB
- Passport.js for authentication
- Mapbox for payment processing and mapping
- EJS for server-side rendering
- Multer for file upload handling
Before running this application, you must have the following software installed:
- Node.js
- MongoDB
- Clone this repository to your local machine
- Install the dependencies using npm install
- Create a .env file with your Mapbox API key and MongoDB connection string:
MAPBOX_API_KEY=YOUR_API_KEY
MONGODB_URI=YOUR_CONNECTION_STRING
- Start the server using npm start
- Visit http://localhost:3000 in your web browser to use the application
To post a new hotel, click the "New Hotel" button on the home page and fill out the form. To edit an existing hotel, click the "Edit" button on the hotel's detail page.
To search for hotels, enter a location or keyword in the search bar on the home page. The results will be displayed with pagination.
To upvote or downvote a hotel, click the corresponding arrow on the hotel's detail page. You must be logged in to vote.
To register or log in a user, click the "Sign Up" or "Log In" button on the home page. After logging in, you will be returned to your original URL.
To make a payment, click the "Pay Now" button on the hotel's detail page. You will be redirected to a Mapbox payment form. After completing the payment, you will be returned to the hotel's detail page.
This project is open for contributions. If you would like to contribute to this project, you can fork the repository and submit a pull request.
Contributions are always welcome!
See index.html for ways to get started.
Please adhere to this project's code of conduct.
https://hotel-hub-2r1i.onrender.com
If you have any feedback, please reach out to us at vsfegade2000@gmail.com
- File upload - ✅
- Maps - ✅
- UpVote/DownVote - ✅
- Return URL - ✅
- Last created, 5 min ago - ✅
- Star rating - ✅
- Searching - ✅
- Pagination - ✅
- Payment - ✅
.connect(URI, {
useNewUrlParser: true,
useCreateIndex: true,
useUnifiedTopology: true,
useFindAndModify: false
})
"express-session": "^1.17.1",
"mongoose": "^5.10.4",
"passport": "^0.4.1",
"passport-local-mongoose": "^6.0.1"
service : https://www.mapbox.com
examples : https://docs.mapbox.com/mapbox-gl-js/example/
test-coordinates : https://www.google.com/maps
map-box docs : https://github.com/mapbox/mapbox-sdk-js/
geo-coordinates docs : https://github.com/mapbox/mapbox-sdk-js/blob/main/docs/services.md#geocoding
// ! MapBox configuration
const mbxGeocoding = require('@mapbox/mapbox-sdk/services/geocoding');
const geoCoder = mbxGeocoding({ accessToken: process.env.MAPBOX_TOKEN });
Service : https://github.com/LunarLogic/starability
- add css (min file)
- add input fields
- add output fields
Package : https://www.npmjs.com/package/mongoose-paginate-v2
Pagination sample : https://getbootstrap.com/docs/5.3/components/pagination/#overview
Install package
npm install mongoose-paginate-v2
Require Package
const mongoosePaginate = require('mongoose-paginate-v2');
Attach plugin to DataBase Schema
sampleSchema.plugin(mongoosePaginate)
- Model.paginate([query], [options], [callback])
- make a JS function, which run on every key up on input field
- get all data, from which you want to search
- get input search query, make it case inSensitive
- filter data data, display "block" if found, otherwise "none".
- you can upVote any hotel, by pressing 👍 button
- you can downVote any hotel, by pressing 👎 button
Testing Card No. : 4242424242424242
Testing Card Expiry : 02 / 60
Testing Card CVV : 422
Testing Card Name : Pankaj Kumar
Testing Card Country : India
Package used : stripe
npm i stripe
Official Website : https://stripe.com/en-in