CleanStream VA

Home Page
Water Quality Map

Inspiration

We were inspired by the low water quality and algae blooms that are found across Virginia. People do not know whether the water they are swimming or fishing in is safe and healthy.

What it does

CleanStream VA provides the community with an easy way to check and validate any sources of water in Virgnia. The website has a built in map feature using Leaflet js which allows the user to search through different water sources in Virginia and see the water quality. Additionally, the website features a report and alert system that allows the users to inform others and report if a source of water's water quality has changed. This report system also requires multiple reports to ensure there isn't a false report. Finally, ignoring text pages, the website also has a community page. This lets people host and join different clean-up events.

How we built it

This website was built using Next js. The map is integrated into the website using leaflet js, an open-source JavaScript library for interactive maps. Furthermore, the website uses react and firebase in order to enhance the website.

Challenges we ran into

While building the website, we ran into problems making the reports work. It was difficult to save data and verify that there are multiple reports leaning towards the same conditions.

Accomplishments that we're proud of

We are proud of being able to implement multi-device connection that allows a report to be sent and instantly be updated on anyone else who has the website on their computer.