Skip to content
Hotspots is a web tool for finding the hottest locales in the Vancouver Downtown area
Python HTML Ruby CSS JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 280 commits ahead of NimaBoscarino:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
bin
client
config
db
lib
log
storage
test
tmp
vendor
.env.example
.eslintrc
.gitignore
Gemfile
Gemfile.lock
Procfile
README.md
Rakefile
config.ru
package.json
tenbyten.png

README.md

Hotspots

Hotspots is a web tool for finding the hottest locales in the Vancouver Downtown area.

Hosted on Netlify and Heroku at https://hotspots.netlify.com

Built in under 2 weeks with Nima Boscarino's React-Rails boilerplate.

By Nick Yu, Steve Graves, and Bobby Lau

Detailed Description

Hotspots is a data aggregration webportal for people new to Vancouver and desire to socialize and explore the most popular restaurants, night clubs or bars. We source our data from Yelp and Google and display the information to our users in an interesting and innovative way via an interactive heatmap. Each location near the core of Vancouver is scored and sorted in our database with an algorithmic score based on it's popularity and review rating. Users can plan their night out and hit all the hottest locales in the city with our informative line chart plotting out at which points in their night their stops will be the busiest.

Features

On the front page, users are greeted with slides showing the hottest places to be in Vancouver. Our hot scores are calculated using a combination of how busy a place gets and how well-recieved a place is.

Gif1

Going down to the map, you can see the map. The colored portions represent a heatmap, with the green areas of the city being the least popular places to be, and the red areas being the most popular. Use the slider to adjust the time that the data is pulled from, or use the drop-down menus to set the time.

Gif2

On the left you can see a list of all the neighbourhoods sorted by the hot score. Expand the neighbourhood and get a list of restaurants, clubs, or bars in that neighbourhood. Clicking on a place will pop up a panel of all the restaurant's information. You can then add these locations to your trip.

Gif3

After you've added a few places to your trip, you can click Generate Night to see more data on these places. This part of the website has a recommended time for when you should arrive to maximize the amount of people you meet. You can also see a bar graph here that represents how busy each location you've chosen gets at a particular point in time.

Gif4

Running this project

If you would like to clone this project and run it locally, please follow these steps.

Create a front end and back end env file, follow the example and add the API keys you'll need. The backend env file is located in the root folder. The frontend env file is located in the client folder.

To update the data on how popular places get, go to the lib/populartimes folder. Use the command pip3 install to install all the relevant python libraries. We split Vancouver up into a 10 x 10 map like so...

10x10

The map is further split based on how busy we anticipate where Vancouver is busiest to save on API calls. Update the popular times data by going to lib/populartimes and use the command ruby rubyside3.rb 3 3 5 5 to get the data from square 3, 5. (0, 0 is the bottom left square, 9, 9 is the top right square, the first digit is on the x axis and the second digit is on the y axis) To update the data for the entirety of Vancouver, use the command ruby rubyside3.rb 0 0 9 9.

With all the data, you must now create and seed the database. Start by installing all the relevant Ruby gems by using the command bundle install in the root folder. Then use the command bin/rake db:setup to setup the database. The seed file will make API calls to get the data it needs.

With the database seeded, you can now run the backend using bin/rails s.

Start the front end by going into another terminal then cd into client. Run npm install. Let it finish then run npm start and go to localhost:3000 in your browser.

In your browser you should now be met with the home screen.

Next Steps

Will we continue to work on this? Nobody knows. Here are some of the things we think could be improved though.

  • Map not have to re-load every time we change the time via slider.
  • If a place is closed during a particular time it shouldn't show on our list.
  • The plan for the night should be stored on the session and able to be shared.
  • Somehow being able to refresh the data via the front end

Contact

If you have any questions or requests please post an issue to this repo.

You can’t perform that action at this time.