Git Product home page Git Product logo

abhi9720 / yelp-camp Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 39.92 MB

It is a Nodejs project following Model-View-Controller(MVC) architecture, allowing users to do full crud operations- login user, adding campground, adding a review, deleting camp, rating camp, upload images, and many more.

Home Page: https://yelpcamp-base.herokuapp.com/

JavaScript 76.55% CSS 10.91% EJS 12.54%
camp passport mongodb mapbox expressjs nodejs monogodb cloduinary express javascript

yelp-camp's Introduction

Yelp Camp

A Node.js Project from Udemy Web Development course-By Colt Steele. It is an Nodejs project following Model-View-Controller(MVC) architecture,allowing user to do full crud operations- login user, adding campground , adding review , deleting camp , rating camp , upload images and many more.

Live Demo

Click for Live Demo 1 - yelp-camp.
Click for Live Demo 2 - yelp-camp.




img1


img3


img2


im4


camp

Built With

Front End

  • HTML5
  • CSS3
  • Bootstrap 5
  • MapBox

Back-end

  • Node.Js
  • Express.js
  • MongoDB
  • Mongoose
  • Helmet
  • Passport
  • Passport-local
  • Express-session
  • Cloudinary
  • Mapbox
  • Connect-flash
  • ejs-mate

Features

  • Authentication:
    • Allow User to Register with email Id and Unique user name
    • Allow user to login and logout.
  • Authorization
    • User not allowed to delete or edit campground of other User
    • User will not allowed to make review with out Login
    • User allowed to manage only its campground
  • Managing Account
    • After successfull login - user can create new campground , delete,update
    • Add review , delete review ,
    • Add photos , delete photos
    • Get flash message as per user intraction will app
  • Basic Functionalities
    • User can manage camp location on geo map
    • User can take help of cluster map to search campground
    • User can seach camp and sort them on the bases of rating (Working on it).

Run it locally

  1. Clone or download this repository.
  2. Install MongoDb
  3. Create Cloudinary Account to get Create a cloudinary account to get an API key and secret code
  4. Create .env file then enter all detail you got from Cloudinary Account.
    CLOUDINARY_CLOUD_NAME = name CLOUDINARY_KEY = Key CLOUDINARY_SECRET = secret
  5. Install dependencies
    npm install
  6. Run locally
    nodemon app.js

yelp-camp's People

Contributors

abhi9720 avatar

Stargazers

 avatar

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.