Coder Social home page Coder Social logo

yelpcamp's Introduction

YelpCamp

YelpCamp is a project that was completed as a part of Colt Steele's Web Development Bootcamp course (Udemy).

Overview

In this website, Users can create new campgrounds and comment other's campgrounds. YelpCamp is based on the popular Yelp.com, the difference being it focuses on the campgrounds that any host/owner can post for the users across the globe to check and review.

The application is hosted on heroku and can be accessed at the web address below:
https://yelpcamp-heroku-2020.herokuapp.com/

Functionalities

  • Everyone can view the camps and reviews without signing up or logging in.
  • The user will have to login to edit the campground details or any comments.
  • The user can only edit/delete the campgrounds and comments that they have added.
  • All the data will pe persistent and is stored in the awazon cloud.

Technologies Used:

HTML5

CSS3

Bootstrap

JavaScript

Node.js

Express

MongoDB

Postman

Git

Heroku



  • HTML5 - markup language for creating web pages and web applications
  • CSS3 - used for describing the presentation of a document written in a markup language
  • Bootstrap - free and open-source front-end web framework for designing websites and web applications quickly
  • DOM Manipulation - is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document
  • Node.js - pen-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side
  • Express.js - for building web applications and APIs and connecting middleware
  • REST - REST (REpresentational State Transfer) is an architectural style for developing web services
  • MongoDB - open-source cross-platform document-oriented NoSQL database program to store details like users info, campgrounds info and comments
  • PassportJS - authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application
  • Data Associations - associating user data with the respective campgrounds and comments using reference method
  • Heroku - cloud platform as a service used as a web application deployment model

Homepage

Changing background that fades away making space for a new background to show.

Alt text Alt text



Show all Campgrounds

Alt text



Selected Campground

Alt text



Sign Up

Alt text

Log in

Alt text

Add new campground

Alt text



Add new comment

Alt text

yelpcamp's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.