mitchelnelson/YelpCamp

A repository for a project I completed in Colt Steele's 2021 Web Developer Bootcamp.

YelpCamp

A project from Colt Steele's 2021 Web Development Course. A RESTful Node.js with full CRUD. Inspired by Yelp, users can create/edit/delete campgrounds, leave reviews, and view elegant, interactive campground maps.

Link to App

https://shielded-depths-28887.herokuapp.com/campgrounds

Functionality

• Users can be authenticated and authorized to protect editing and deletion of reviews and campgrounds.
• Elegant cluster and satellite maps via Mapbox can be interacted with to view campgrounds locally or globally.
• Images may be uploaded/deleted through the use of Cloudinary – a cloud-based image service.
• Users may leave reviews that mimic yelp; a 5-star rating system with titles and text body.
• Campgrounds, reviews, and users can be registered and posted to the site and stored safely and securely in MongoDB.
• Data protection and security strongholding through the use of Helmet.

Languages, Frameworks, and Tools Used

• Front-end

  • HTML
  • CSS
  • JavaScript
  • EJS
  • Bootstrap
  • Mapbox

• Back-end

  • Node.js
  • Express
  • Mongoose
  • Joi
  • Multer
  • Passport
  • Helmet
  • Connect-flash
  • Sanitize-HTML
  • Express-session

• Cloud

  • Cloudinary
  • MongoDB Atlas
  • Heroku

  Images

  The landing page.

  

  The index/main page with the cluster map.

  

  Uploading/creating a new campground.

  

  A show page for a campground and reviews with a minimap off to the side.

  

  What I learned

  • Implementing multiple moving parts into a full-sized, scaled project.
  • Blending front-end web development with Node.js, Express, Mongoose, and MongoDB Atlas.
  • Downloading, requiring, and executing npm packaging.
  • Error handling and routing.
  • Running into roadblocks/bugs and troubleshooting and debugging.