Giter Club home page Giter Club logo

innovate-eugene-web's Introduction

future home of the innovate eugene web site

InnovateEugene.com is a simple site that serves up the data from the asset-inventory open data project

Getting Started

  1. Install node and yarn
  2. Install node packages ->yarn install
  3. To develop locally, -> yarn develop
  4. To build and serve locally, -> yarn build and yarn serve

innovate-eugene-web's People

Contributors

mckelveygreg avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

innovate-eugene-web's Issues

Hosting

Goals:

  • Continuous Integration
  • Preview deploys
  • Automated tests for all PRs
  • HTTPS/SSL

Can Eugene Tech set up Netlify for this project?
Will the domain be www.innovateeugene.com ?

Hosting?

Netlify, gh-pages, something else??

Map

Do we want to display all of these results on a map? @nohorse
If so, @johnrnelson , can you geocode addresses (lat, long) and append that to the data?

Implement filter

There is a filter checklist of all the different asset types, but I'm not sure of a good way to filter what actually renders.
Currently, the data is stored in a json file that is loaded via graphql on places.js
This logic should probably be its own component, but regardless it needs to listen to what boxes are checked in filter.js
My initial thoughts are instead of rendering the different data sets separately, first filter out the asset types and only pass on what the filter lets through to render...
ideas?

Also, how might we integrate a search filter so users could find whatever they wanted?

Implement Map

I'm looking into using react-map-gl
It uses Mapbox which is open source and quite slick.
To use with Gatsby, we'll need gatsby-mapbox which has an issue that was solved here

However, in order to use the locations, the addresses have to be geolocated to come with a latitude and longitude.

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.