Skip to content

TechLabs-Berlin/wt23-wastewise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WasteWise

Summary

WasteWise is an app designed to make waste management and recycling more accessible, engaging, and user-friendly. With WasteWise, users can scan their waste and receive immediate information about which bin it belongs in. Based on a photo of the respective object, it recommends the correct way of disposal to help keep our environment clean and green. This feature relies on a fine-tuned residual neural network image classifier coupled with a translator function providing the recommendations for each class. The app also provides valuable insights into waste management and recycling, including recycling rates and waste production per capita starting from 2000 and predicted up to the year 2026 using linear and polynomial regression. The information is accessible through interactive and user-friendly dashboards. All features are assembled into one web application using React.

How to run the app

React Web App

To run the app in development mode, please clone this repository to your local computer and follow the steps below.

  1. Node.js and npm must be installed on your computer. Check this in a terminal window using the node -v and npm -v commands. For both you will get back either the version number or an error message. If npm or even both is not installed yet, do that first → see instructions here
  2. In a terminal window navigate to the app directory with cd WD/next-js-app/
  3. Run npm install → this will download some packages to your computer
  4. Run npm run dev → this will start a server service
  5. Open a browser window, resize it to best fit the size of a mobile phone, then open http://localhost:3000 (corresponding to the URL provided in your terminal)
  6. In order to stop the server go back to the terminal window and press the keys control + c

Minimal Waste Image Classifier App in Huggingface Spaces

To quickly get an impression of the waste recognition and disposal recommendation feature, you can use this standalone demo deployed in the web. Follow this link and enable your webcam: https://huggingface.co/spaces/fabianjkrueger/WasteWise

Steps:

  1. Take a photo of your waste. Make sure to present only one object at a time and that your background is neutral.
  2. Start inference by pressing "Submit". After a few seconds, you can see the results.
  3. If you want to see an interpretation, click "Interpret" and wait a few seconds. This will show you which parts of the image were most important for the model to classify the image.
  4. To repeat, hit "Clear" and take a new photo.

Disclaimer

At the time this is written, the image classifier model can classify 20 classes with an accuracy of about 90%. Due to data mismatch (trained on downloaded stock photos, queried on your realistic user images), it will still make lots of mistakes on user data and is likely to misclassify many images. In the future, provided we are able to get more and better data, this might be improved.

Contributors

Artificial Intelligence:

Andrea Torcianti
Fabian Janosch Krüger

Data Science

Juliana Quiroga
Marina Zaitseva

User Experience Design

Vincent Oluwadamilare Akinyoyenu
Olayinka Florence Ojo

Web Development

crftwrks

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published