CycleScan | Devpost

App Logo
Splash screen
Sign In Screen
Sign Up Screen
Home Screen
Scanning Object 1
Scanning Object 2
Scanning Object 3
Profile Screen

Inspiration

Climate change is an evident problem happing globally. People throw out wastes without realizing a lot of materials are recyclable. CycleScan helps and encourages users to start recycling. Our mission is to save the planet one step at a time!

What it does

CycleScan is a mobile application that scans and identifies if an object is recyclable, compostable or neither. For entertainment, users can create an account to keep track of all the materials they've scanned to obtain badges and level up.

How we built it

We used React-Native to create a cross-platform mobile application, the Google Cloud Vision API for the camera scanner's object recognition aspect, Python and Flask to build the CycleScan API and Firebase for the Database. We decided to use TypeScript as opposed to JavaScript since the typing functionality it is famous for helps catch errors early and even provides potential fixes.

Challenges we ran into

We were not able to find a suitable API for our scanner to detect if an object is recyclable or not, so we ended up building our own mini API using Python in Flask. Using the Google Vision API was also challenging, as we had trouble parsing the response at first.

Accomplishments that we're proud of

We are proud of our application as a whole. Both its functionality and design are very nice and its error handling is well done. Building it from scratch was an amazing experience. Every team member came out with something from this Hackathon!

What we learned

Every team-member was able to learn something new such as a new language like React-Native, tools such as Google Vision API and building a REST API from scratch.

What's next for CycleScan

We hope to add different types of waste to be detected by our application and expand our database.

Built With

Submitted to

SD Hacks 2021
- Winner Wolfram Alpha Prize

Created by

I worked on the back-end. I developed our recycling API in Flask with Python and worked on connecting it with data received from the Google Cloud Vision API using TypeScript.

Kimberly Truong
I worked both on the both the front end and the backend. I took care of the integration of the Google Cloud Vision API , authentication with Firebase as well as general bugs that surfaced throughout the project.

Kenza Boulisfane
I worked mainly with React Native and Typescript where it was actually my first time using those. I was able to eventually pick it up and helped the different screens of the app look more appealing towards the viewer. I also contributed to the prototype of the app built in Figma.

Julius Cecilia
HussainWitwit Witwit