spotless

home screen
bottom of Home Screen
report screen
report screen showcasing functionality
map screen
heatmap with/image uploaded

Inspiration

As long as I can remember, I (P.A) have always loved to fish. I always had our favorite spots to go to and enjoy the day outside. Unfortunately, many of my childhood today spots have been either overrun with trash or became banned to the public due to too much trash. This inspired the idea behind "Spotless", an application that allows everyday people to report trash with a simple report and mapping system. Whether it's your favorite jogging trail, picnic spot, urban road, or fishing spot, "Spotless" allows anyone to keep track and take care of our beautiful environment.

What it does

"Spotless" allows anyone to report trash in their current environment. "Spotless" also has features of maps show all recent reports and details within each report.

How we built it

We used python and JavaScript as our backend, flask as our framework and HTML as our front end with CSS stylesheets. The idea was to keep simple and seamless, so we don't overshoot our goals, and we hit our goals early.

Challenges we ran into

At first, the google maps API was a small road-bump as it would be the first time any of us would try to implement it into. While failing the first few times, we as a team would figure it out and eventually. Another difficult aspect was on front end in embedding a video, but our front end expert Diya was able to figure it out and allow for a dynamic home screen. Khushi had also never worked with SQLite before, but made quick work for our working database. A challenge we still is adding additional features, which we plan on continuing even after the hackathon.

Accomplishments that we're proud of

Khushi had also never worked with SQLite before, but made quick work for our working database. As mentioned previously, the video embedding was a major accomplishment for the entire group itself. Overall, this project feels complete in our major goals and now it is time to add additional features.

What we learned

Setting up goals and diagrams prior were a major help in organization and consistency throughout the coding journey. There were less road bumps compared to other projects, and the work we had done outside of coding made everything easier.

What's next for Spotless

There are a lot of features for "Spotless" that we as a group have discussed. Primarily, we want to make image uploads seamless and for each pointer in the map to be interactive. For example, clicking on a specific pointer would show an image upload and the additional comments in more detail. Other aspects were an AI import that could scan and give descriptions on said image uploads, and ways to outreach and host our own cleanup acts.