Skip to content

My dark theme version of Colt Steele's Yelp Camp with changed UI and populated with Indian cities datasets. Fixed the bugs with session (due to recent update of connect-mongo)

Notifications You must be signed in to change notification settings

nivass2k/YelpCamp

Repository files navigation

YelpCamp

My dark themed Yelp Camp populated with Indian cities datasets. Fixed the bugs with session (due to recent update of connect-mongo) You might have already come across Colt Steele's Yelp Camp project. If not I am going to describe it anyway please read through to get to know my version of this.

YelpCamp is inspired from yelp.com. YelpCamp is a web Application in which users can find campgrounds and review them. Users can also add their own campgrounds. A map has also been displayed for better searching. When a user enters a location, the map finds and shows it automatically. I have completely revamped the UI and made it into a dark mode for reducing eye strain. It is already populated with Indian cities. Implemented a fuzzy search with autocmplete feature using MongoDB Atlas search.

Deployment

To see my Web Application please do visit https://yelpcamp-nivas.herokuapp.com/

Specifications

  • Authentication
    • User can register and login
    • Used Passport for that purpose
  • Authorization
    • User needs to be logged in to make any change(add,update or delete)
    • A user can only alter his posts or reviews
  • Functionalities
    • Campgrounds are marked on a cluster map using Mapbox API
    • Fuzzy search with automplete using MongoDB Atlas search
    • Client side and server side validations are done
    • Images of campgrounds are uploaded to Cloudinary
    • Images can be added and deleted after creation of Campground
    • CRUD functions have been implemented on Campgrounds
    • Flash messages were displayed
    • Sessions and cookies were used
    • Every Campground has it's location displayed seperately on a map

Built with

  • Front End

    • HTML, CSS, Bootsrap v5.0
    • EJS, EJS Mate
  • Back End

    • NodeJS
    • ExpressJS
    • MongoDB
    • cloudinary
    • MapBox
    • passport(local-strategy)
    • JOI
    • connect-flash
    • morgan
    • sessions
    • helmet
    • mongoSanitize
    • sanitizeHtml

Deployed using Heroku, database on MongoDB Atlas

About

My dark theme version of Colt Steele's Yelp Camp with changed UI and populated with Indian cities datasets. Fixed the bugs with session (due to recent update of connect-mongo)

Topics

Resources

Stars

Watchers

Forks