CS546-Group31-FinalProject

Park Domination Map

Notice

This project is tested on "Google Chrome", We highly recommend you run this project on the same browser.

About

“National Park Domination Map” is a light-weight and fun informational site for outdoor travelers. Users can select each national park that they have visited from a dominant map, and the corresponding map area will be highlighted. Users can also mark the national park that they wish to visit. The webpage stores and displays all US national parks’ basic information. Users could drill down from the main page and be led to the second level detail pages. The users can leave comments and rate a park from 1-5. Users can like comments. Then the website ranks parks/users/reviews from user interactivity. The results are pushed out on a monthly basis.

Visited Domination Map

Wishlist Domination Map

Technologies Used

• Node.js
  • express
  • express-handlebars
  • axsios
  • bcryptjs
  • express-session
  • xss
• Mongodb
• Javascript
• Ajax
• HTML, CSS

Install

1. Install tools

You need download Node.js Mongodb

2. Install package

You should input npm i on your Terminal

Run

1. You should input npm run seed first on your Terminal for loading some data.
2. Then you should input npm start on your Terminal to start code.
3. The initial url is https://localhost.3000

Cited

The map is cited from https://github.com/tenpages/us-level/blob/main/html/us.html