Trash App

Inspiration

We love the natural beauty of the FGCU campus, from the glistening and shining ponds to the trails with gorgeous lush green scenery. While on the trail, we saw there were chip bags, cans of beer, and other trash. This inspires us to try and protect it, and that is where our idea comes in.

What it does

A student might be walking around campus and see some trash. Instead of ignoring it, they can take a picture of it and upload it to Trash App. Every piece of trash is worth one point, and there will be a leaderboard showing who picked up the most trash. On top of this we will use the data to show students the trash hotspots of the campus by using their location from when they upload the picture.

How we built it

We used a python backend with a react front end. We use an SQL database to store the username, image, trash type, location (In longitude and latitude), as well as the time of uploading to the app. We also use flask to communicate to our front end web application through an api.

Challenges we ran into

Dividing tasks to be efficient was difficult, as we have never worked with each other as a team before. We also learnt a lot of new things, as we ran into SO many challenges and had to fix them in a rush (as many others probably are). Also figuring out how to fix all of our data into a digestible design was quite difficult.

Accomplishments that we're proud of

We got the SQL database working, the front end set up nicely, and a working web app in less than 36 hours.

What we learned

SQL databases, Figma designing, Designating tasks, How to work on a team.

What's next for Trash App

This idea would work best as a mobile app, so the main goal would be to deploy it on a mobile app. Maybe FGCU can get involved and fund that process too.

Built With

• css
• figma
• flask
• github
• html
• python
• react
• sql
• sqlite
• time
• typescript
• visual-studio