https://github.com/vincentlaucsb/us-commutes-2

A map of American commute times built with US Census data, React (front-end) and Postgres + Flask (back-end)
https://github.com/vincentlaucsb/us-commutes-2

flask leaflet postgres react

Last synced: 2 months ago
JSON representation

A map of American commute times built with US Census data, React (front-end) and Postgres + Flask (back-end)

• Host: GitHub
• URL: https://github.com/vincentlaucsb/us-commutes-2
• Owner: vincentlaucsb
• License: mit
• Created: 2020-01-22T23:50:14.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-05-07T20:07:32.000Z (about 3 years ago)
• Last Synced: 2026-04-20T08:07:08.789Z (2 months ago)
• Topics: flask, leaflet, postgres, react
• Language: TSQL
• Homepage: http://vincela.com/us-commutes
• Size: 18.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# US Commute Times (Version 2)

![Extreme Commutes Screenshot](screenshots/extreme-commutes.png)

## Background

Personally, I've overheard and participated in a lot of discussions about places to live in California and the United States.

People always love to mention salaries, the exciting activities, and so on, they seem to ignore traffic. Knowing who I am, I

don't think I'd have the motivation to do much of anything after sitting in traffic for an hour or more every day. Hence, I made

a little tool using US Census data from the 2016 American Community Survey to help people like me make a more informed decision on

where they'd like to live.

### Version 1

This app is also a re-write of a [vanilla JavaScript project](https://github.com/vincentlaucsb/us-map) (warning: spaghetti code) that used a Python script to output a static HTML/JavaScript website.

## Tools Used

* Front-End

  * [React (TypeScript)](https://reactjs.org/)

    * [React Leaflet](https://react-leaflet.js.org/)

    * [recharts](https://github.com/recharts/recharts)

* Back-End

  * [Flask (Python)](https://flask.palletsprojects.com/en/1.1.x/)

  * [PostgreSQL](https://www.postgresql.org/)

## Directory Layout

* [backup](backup/) - A dump of the PostgreSQL database

* [flask](flask/) - The Flask app which exposes JSON endpoints for the React app

* [public](public/) - HTML templates for the React app

* [raw_data](raw_data/) - Original data for the project

* [src](src/) - The front-end React app