Giter Site home page Giter Site logo

devnoiseconsulting / mygeobeermap Goto Github PK

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

A simple web page to map out my brewery visits.

Home Page: https://breweries.flynnmj.org/

License: MIT License

CSS 7.39% HTML 35.74% JavaScript 56.87%
beer breweries brewery brewery-visit

mygeobeermap's Introduction

myGeoBeerMap

A simple web page to map out my brewery visits.

Introduction

Combining the data from the geoBeer repo and the geobeer.json file a brewery map can be generated.

Map Legend

Status Color Hex Code Size
visited blue #0047AB large
visiting soon green #009688 medium
brewery gray #607D8B small
not yet open DarkOrange #FF8C00 small

Build

You need to have Node.js and npm installed. Type npm install to install all the needed packages to build the website.

NPM commands

Script to add in the creation of the map website.

  • npm run refresh - Get the latest version of the geoBeer repository.
  • npm run breweries - Script to build a customized list of breweries.
  • npm run build - Will run the breweries script and the gulp build to create the updated website.
  • npm run fullbuild - Runs the refresh, breweries and gulp build.
  • npm run start - Will start the live-server so you can test the map before deployment.

mygeobeermap's People

Contributors

devnoiseconsulting avatar

Watchers

 avatar

mygeobeermap's Issues

Add move to and zoom for the search

Take the results from a search and determine the center point of the results.
Have the map move to this location.
Try to figure out of the zoom level needs to be adjusted to see all the results.

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.