Streamflow | Devpost

Inspiration

We as a group are really committed to try to find solutions to help people understand the ecosystem in a more user-friendly manner. HackTJ was a golden opportunity to work on a project to help ordinary people who don't have the time to scroll and click over 10-20 webpages of data.

What it does

Streamflow provides a comprehensive view of the current state of streams, including turbidity, discharge, pH, and other important indicators. By monitoring and reporting on the health of streams, Streamflow can help identify potential issues and enable people to take action to protect and restore these streams.

How we built it

Like stated on the inspiration, we decided to create a website to help people find data of streams in a more user-friendly way for people to look up on. The website is created using Gatsby.js, which is a Node.js web framework that was appealing to us since they provide a cloud platform for us to quickly build and deploy.

Challenges we ran into

Although the idea may be simple and not that complex to build, there were several challenges that made this "simple" project one of the most difficult projects we have made:

Unhandled Runtime Errors: These were the most common errors we encountered, however they were the easiest to fix, since it just requires a quick refresh of the page.
ModulePraseError: This error was the error that almost turned our project into a disaster. It popped up almost every time we worked with our map, which is the essential part of our project, since our goal was to display the data visually in a map format. This error costed us 4 hours of the event, between 11:00PM-3:00AM.
Making the connection between the script to collect data and the leaflet map: This was a massive problem that we have faced, which would be amazing if it was processed according to plan. The main issue was that the website was in gatsby

Accomplishments that we're proud of

Getting the map: We have implemented the leaflet map into the website, which already in itself a goal that we accomplished. -Fixing the ModulePraseError: After nonstop coding, we finally fixed the error at aroud 3:15 AM
Collecting and processing the data: We have the script working for the collection and processing of the data, which is still a solid accomplishment.