Design, remix, and share your neighborhood street.
JavaScript CSS HTML Other
Latest commit 5e0f51f Jan 24, 2017 @louh louh committed on GitHub Merge pull request #621 from codeforamerica/yarn
Add Yarn; bump dependencies; lint
Failed to load latest commit information.
app Fix clouds overlapping error messages Jan 8, 2017
assets Correct lint issues Jan 18, 2017
bin Lint all JS files throughout the project Jun 27, 2016
config Lint all JS files throughout the project Jun 27, 2016
doc/images Remove unused doc images and move these images from public/ to doc/ Oct 1, 2014
lib Lint all JS files throughout the project Jun 27, 2016
public Deprecate width chart Jul 25, 2015
test remove driver config line so that protractor can find the driver in o… Sep 18, 2016
.codeclimate.yml Refreshing codeclimate settings Jun 29, 2016
.editorconfig Add an .editorconfig for text editors Aug 28, 2016
.eslintignore Use eslint with configs instead of convenience standard packages Aug 8, 2016
.eslintrc.json Bump eslint and eslint-config-standard-react to remove an overridden … Sep 18, 2016
.gitignore add set_street event so that event listeners can rerender parts of th… Sep 12, 2016
.npmrc Enforce --save-exact for npm install --save Aug 7, 2016
.sass-lint.yml Add sass linting Nov 21, 2015
.travis.yml Add caching directives for yarn Jan 18, 2017
.yarnrc Add Yarn Jan 18, 2017
CNAME Add CNAME Jan 31, 2013 Update selenium jar installation command, update Jan 18, 2017
Gruntfile.js Update selenium jar installation command, update Jan 18, 2017 Updated README and added license. Jan 19, 2013
Procfile fix Procfile for Heroku Sep 16, 2014 Update copyright. Sep 19, 2016
apiary.apib updating Apiary config file Aug 19, 2014
app.js Merge pull request #570 from codeforamerica/opencollective Aug 7, 2016
app.json Add Heroku generated app.json Mar 26, 2016
civic.json add civic.json file Dec 10, 2015
index.js Ctrl C also kills mongod Jul 8, 2015
newrelic.js Start some standard formatting - run standard-format on all files Jul 1, 2015
package.json Bump dependencies with major version updates Jan 18, 2017
yarn.lock Bump dependencies with major version updates Jan 18, 2017


Design, remix, and share your neighborhood street.
Make change in your community at

πŸ‘« 🌴 🚘 🚍 🌴 πŸ’ƒ

Have questions? Looking for support or advice?
Check out our forums or join our Slack chat!

Learn more about the team and project collaborators at Open Collective.
We welcome contributions! Please see our contributor guidelines.

Build Status Dependency Status Code Climate



What are street sections?

A "section" is shortened way of saying "cross-section view", a type of 2D non-perspectival drawing commonly used in engineering and architecture to show what something looks like when you take a slice of it and look at it head-on. Similarly, a street section is a cross section view of a street, showing the widths and placement of vehicle lanes, bike lanes, sidewalks, trees, street furniture or accessories (like benches or street lamps), as well as engineering information like how the road is sloped to facilitate drainage, or the locations of underground utilities. Although sections can be simplified line drawings, urban designers and landscape architects have created very colorful illustrative street sections, removing most of the engineering particulars to communicate how a street could be designed to feel safe, walkable or habitable.


Why does Streetmix exist?

When city planners seek input from community meetings from the public on streetscape improvements, one common engagement activity is to create paper cut-outs depicting different street components (like bike lanes, sidewalks, trees, and so on) and allow attendees to reassemble them into their desired streetscape. Planners and city officials can then take this feedback to determine a course of action for future plans. By creating an web-based version of this activity, planners can reach a wider audience than they could at meetings alone, and allow community members to share and remix each other's creations.

The goal is to promote two-way communication between planners and the public, as well. Streetmix intends to communicate not just feedback to planners but also information and consequences of actions to the users that are creating streets. Kind of like SimCity did with its in-game advisors!

Streetmix can be used as a tool to promote and engage citizens around streetscape and placemaking issues, such as Complete Streets or the Project for Public Spaces' Rightsizing Streets Guide.

Why the name "Streetmix"?

"Streets" + "remix" :-)

How did this project start?

Streetmix started as a Code for America hackathon project in January 2013, inspired by community meetings like the one described above.


Become a sponsor


Copyright (c) 2013-2016 Code for America and contributors. See LICENSE for details.