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.
To run the app in development mode, please clone this repository to your local computer and follow the steps below.
- Node.js and npm must be installed on your computer. Check this in a terminal window using the
node -v
andnpm -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 - In a terminal window navigate to the app directory with
cd WD/next-js-app/
- Run
npm install
→ this will download some packages to your computer - Run
npm run dev
→ this will start a server service - 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) - In order to stop the server go back to the terminal window and press the keys
control
+c
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:
- Take a photo of your waste. Make sure to present only one object at a time and that your background is neutral.
- Start inference by pressing "Submit". After a few seconds, you can see the results.
- 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.
- To repeat, hit "Clear" and take a new photo.
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.
Andrea Torcianti
Fabian Janosch Krüger
Juliana Quiroga
Marina Zaitseva