Coder Social home page Coder Social logo

granam180 / yelpcamp2023 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 173 KB

๐Ÿ• Yelpcamp is a fully functional NodeJs web app. This is a camping ground website which was actually developed during a code-along while following the web-developer-bootcamp.

Home Page: https://yelpcamp2023-bsqv.onrender.com/

JavaScript 86.25% CSS 5.04% EJS 8.44% Dockerfile 0.27%
expressjs fullstack mongodb mongoose nodejs passport

yelpcamp2023's Introduction

๐Ÿ• YelpCamp

Campground

YelpCamp is a website where users can create and review campgrounds. In order to review or create a campground, you must have an account. This project was part of Colt Steele's web dev course on udemy.

This project was created using Node.js, Express, MongoDB, and Bootstrap. Passport.js was used to handle authentication.

Features

  • Users can create, edit, and remove campgrounds
  • Users can review campgrounds once, and edit or remove their review
  • User profiles include more information on the user (full name, email, phone, join date), their campgrounds, and the option to edit their profile or delete their account
  • Search campground by name or location
  • Sort campgrounds by highest rating, most reviewed, lowest price, or highest price

Run it locally

  1. Install mongodb
  2. Create a cloudinary account to get an API key and secret code to store images on their cloud service
  3. Create a .env file (or just export manually in the terminal) in the root of the project and add the following:
CLOUDINARY_CLOUD_NAME=='<name>'
CLOUDINARY_KEY=''<key>
CLOUDINARY_SECRET='<secret>'

Clone

git clone https://github.com/granam180/YelpCamp.git
cd YelpCamp
npm install

Built With

  • Node.js - Node.jsยฎ is a JavaScript runtime built on Chrome's V8 JavaScript engine.
  • express - Fast, unopinionated, minimalist web framework for Node.js
  • MongoDB - The database for modern applications
  • Mongoose - Elegant MongoDB object modeling for Node.js
  • ejs - Embedded JavaScript templating

Create a .env file (or just export manually in the terminal) in the root of the project and add the following:

DATABASEURL='<url>'
API_KEY=''<key>
API_SECRET='<secret>'

Run mongod in another terminal and node app.js in the terminal with the project.

Then go to localhost:3000.

To get google maps working check this out.

yelpcamp2023's People

Contributors

granam180 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.