BAMJAM

The initial "form view" for the site
The traffic visualization view

Inspiration

As a student, driving to campus down Huron Church can feel like a heavy gamble; getting delayed and having nowhere to park on campus is a fate we all know to well. Our group combatted this issue by creating a visualization tool that highlights traffic congestion on Huron Church road, at 3 intersections approaching the border. And of course, the service is helpful to those looking to head to Detroit, and to those coming from Detroit into Windsor.

What it does

Our hack allows the user to enter a direction of travel (towards or from the bridge) and a date. They are then presented with a view of the traffic congestion on that side of Huron Church road and a pie chart that shows the distribution of vehicle types.

How we built it

In the early stages, we planned out and narrowed down our solution as a team. We split our team in 2, and had 2 of us manage building the flask app while the other 2 handled working with the traffic API data. We developed the app with flask, used git + github for version control, and deployed to heroku.

Challenges we ran into

We had a hard time narrowing down our solution in the early stages of planning. Because of this, it took several hours to really get the ball rolling

Accomplishments that we're proud of

We are all very inexperienced with flask, so we are proud to have successfully created and deployed a flask app. Also, the codebase stayed very clean throughout the project, which feels pretty good.

What we learned

We learned the importance of planning earlier on, especially before the hackathon begins. We were going in just looking to have fun and learn some new things, but it took long to get started since we were a bit disoriented at first.

What's next for Border Traffic Visualizer

We were hoping to implement a traffic prediction feature rather than just visualization past traffic information on the map. However, we ran out of time and weren't able to implement it.

Built With

css3
flask
git
github
heroku
html5
python
windsortrafficapi

Submitted to

BorderHacks 2021
- Winner Traffic Data Challenge

Created by

I set up our link to the provided dataset, and contributed to most of the development of the backend alongside Yusuf Naebkhil. I also cleaned up all the code for better readability and helped to keep everything in compliance with pep-8 and python's naming conventions

Matthew Wills
I helped Brady with setting up the front-end side of things. I contributed to creating the form and initial style of the web page.

Eddy Neufeld
I was the primary frontend developer and project manager. I delegated tasks to different members of the team, developed much of the UI, and handled deployment.

Brady Malott
Sophomore CS student at the University of Windsor / Web Developer
I worked on the back-end with Matt Wills. I created what we use to calculate the traffic score, as well as finding out how many vehicles were part of the jam. I also used Dictionaries in python to help organize and store information from the traffic api

Yusuf Naebkhil

Updates

Brady Malott started this project — Sep 26, 2021 12:41 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.