Coder Social home page Coder Social logo

sfbrigade / adopt-a-drain Goto Github PK

View Code? Open in Web Editor NEW
44.0 17.0 57.0 8.55 MB

A web application that allows citizens to "adopt" a storm drain in San Francisco. In use, and in development at other brigades. Looking for a maintainer or someone interested in developing further in collaboration with others across the country.

Home Page: http://adoptadrain.sfwater.org/

License: BSD 3-Clause "New" or "Revised" License

Ruby 54.65% JavaScript 17.84% HTML 7.38% CSS 3.55% Dockerfile 0.11% Procfile 0.02% Haml 16.46%
ruby docker full-stack-developer environment civic-infrastructure stable code-for-america code-for-sf

adopt-a-drain's People

Contributors

24glinka avatar afomi avatar bensheldon avatar danmelton avatar dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar drkk avatar dsummersl avatar equiamos avatar evanhahn avatar gitter-badger avatar howdoicomputer avatar jasnow avatar jasonlally avatar jszwedko avatar kmacedo avatar kmcurry avatar kylefantastic avatar max-mapper avatar mick avatar monfresh avatar ralam avatar ralreegorganon avatar raudabaugh avatar sferik avatar softwaresteph avatar squidarth avatar therebelrobot avatar tonyta avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

adopt-a-drain's Issues

Support small screens

Need: on mobile, the sidebar is difficult to use. Can we redesign to make it easier on mobile?

Open Data API Integration

cc: @sfbrigade/website-tools-core-team

So I was chatting with @jasonlally about the API that will be released soon for the drains (soonest tomorrow, latest end of this week), and he directed me to a currently published API that has a similar structure: http://dev.socrata.com/foundry/#/data.sfgov.org/cuks-n6tp

We'll want to see where in the app the api is being consumed, and see what will be needed to tie it into the new API.

Once [the API is public], you can grab a geojson feed of the points OR grab the csv or json with lat and long as fields...

... So you can expect a coordinate pair, the weird thing is geojson flips lat and long
Otherwise it's standard among any other geojson structure

If drains aren't adoptable, say why

For example, if the SFPUC or another org owns/manages a drain, that drain should be claimed (either manually or permanently or something) by that org. Convey that clearly to the public when wanting to adopt a drain.

Tweet out when someone new adopts a drain

[] Ask user for twitter handle
[] Tweet from the PUC handle 30 minutes after the adoption happens (so the user has time to name the drain).
[] Use this copy: TBD

Clean up and modernize UI scaffolding - bootstrap 2 -> 3

I was looking at the UI scaffolding used to layout the map and sidebar and it's simple enough, but uses table and table-cell layouts in a manner that makes it hard to make this friendly on mobile.

Without knowing the exact direction yet, it's simple enough to modernize the layout so it's a bit more flexible and mobile-friendly and uses Bootstrap 3 and it's dependencies.

This is just house cleaning to clear the way for more robust UI and UX changes.

Post-storm email thanking folks for cleaning their drains

V1: Thank people and say that we had X# new adoptions as a result of the app
V2 (post user confirmation they cleaned their drain): Thank people and share how many people cleaned their drains
VN (once we have data from DPW? on how much less flooding occurred during the most recent event when compared to other similar events w/out adoptadrain): Thank people, share how many people cleaned their drains, and share how much less flooding there was and cost savings as a result.

Make app accessible

Have James Tyack go through it. Idk his github, but he's often at hacknight. I'm sure he'd be game to go through this and/or make suggestions for things we can look out for.

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.