Camper World

A Web-Application for Adding places that can be used a camp grounds,resting points,adventure location . This website is designed to provide users with a platform to discover, add, edit, and delete campgrounds around the world. With an interactive map and authentication system, users can leave reviews and ratings for different campgrounds, helping others make informed decisions about their travel plans.

The map feature allows users to visualize the location of each campground and get a sense of its proximity to other points of interest. They can zoom in and out of the map to get a better view of the surrounding area and use filters to narrow down their search based on specific criteria.

One of the unique features of this website is its focus on user-generated content. By allowing users to add and review campgrounds, the site fosters a sense of community and encourages people to share their experiences with others. This creates a valuable resource for travelers, helping them find the best camping spots around the world.

Demo

Youtube Demo Link ▶️ https://youtu.be/GZHsrJlQma8

Run Locally

Clone the project

  git clone https://github.com/Dipankar-Kumar-Singh/CamperWorld

Go to the project directory

  cd CamperWorld

Install dependencies

  npm install

Start the server

  node app

Optional : Seed the database .

cd seeds/
node index.js index2.js index3.js inde43.js

Database : MongoDB 6.0.4

Tech Stack ⚒️

Client: HTML/CSS/BootStrap, EJS for templating

Server: Node, Express, MongoDB , mongoose, Passport library, JOI library, Mapbox-gl

Development: Nodemon, Postman, MongoDB Compass, VS Code, Git, GitHub

Features 🔅💎🔅

• Authentication 🔐

  • Used Passport library for secure authentication
  • Password is not 🚫 stored as plain text.
  • Hashed Password 🔑 is stored in DataBase along with Salt 🧂
  • Before Performing any data manipulation, the user needs to be logged in 🪪

• Three 3️⃣ Layer Data Validation

  Client Side 👤 : Bootstrap Validation

  Server Side ⚙️ : MongoDB DataValidatio + JOI library

• Interactive Map 🗺️

  • Cluster Map 🌍 on Front Page
  • Location Preview 📌 on Individual Display Page

• Forword Geocoding ➡️ 🌏 ⬅️

  Coordinate 📌 are been geocoded by the simple text location input, Easy to use by the user

  Forwrod Geocoding : Forward geocoding is the process of converting a location description, such as a street address or city name, into geographic coordinates that can be used to plot the location on a map. In the Camper World web development project, I implemented forward geocoding to make it easier for users to add campground locations to the database.

• Dark Mode 😁😄😄

  Easy On Eyes

• Live previews

Screenshots 📷