Skip to content

TrashScanner the App is a PWA built using React, TypeScript, and pure CSS. The Application is powered by Node.js, Express.js, Heroku, and MongoDB

Notifications You must be signed in to change notification settings

iiTONELOC/trashscanner-web-app

Repository files navigation

Trash Scanner™, the App

Screenshot

TrashScanner

Table of Contents

Description

Trash Scanner™, the Device, provides users an inexpensive way to track the items they throw away so that they can be repurchased with ease. This was a request from a family member and the user story for the scanner is as follows:

I want a device near my trash can

So that I can scan the bar codes of the grocery items I am discarding in the trash.

I want to be able to access the list of discarded items on my phone or computer

So that I can view them later for purchasing.

Trash Scanner™, the App, is a progressive web application that provides the UI for the remaining user requirements. Ideally, Trash Scanner™, the App, should be used with Trash Scanner™, the Device. But the app has been expanded for general-purpose use and provides a bar code scanner via your device's camera as a back-up.

The app and device are powered by a GraphQL API, called The-Landfill, which is hosted on Heroku and is accessible at https://the-landfill.herokuapp.com, but only provides services to authorized users.

In the preliminary stages, Trash Scanner™, the App has been implemented around the following user story and needs:

When I sign in as an authenticated user, I am taken to my dashboard.

Where I can create, view, edit, and delete item-lists.

I want to be able to name my lists and know when it was created or last updated.

Scanned items from Trash Scanner the device should automatically appear as an item in my default list, or a list I have designated as a default list.

If a default list doesn't exist then one should be created automatically so that I do not lose track of any items.

Barcode data should be translated automatically, and I should be able to add in the necessary information if it can't be found.

I want to be able to indicate an item isn't needed without removing it from the list, like a check mark or something similar.

Usage

Trash Scanner™, the App can be accessed at https://iitoneloc.github.io/trashscanner-web-app/ and is a Progressive Web Application or PWA. This means that the app can be installed to your device via the browser, as a glorified shortcut, while retaining the look, feel, and functionality of a traditional application without the need for using a device-specific marketplace.

Please note that not all browsers support this functionality, Firefox is a prime example. However the application is installable in chrome based browsers like Microsoft Edge, Google Chrome, Brave, etc, as well as Safari.

PWA Installation Instructions

View the instructions here

Application Usage Instructions

Using the app on a computer

Device & App Demo

Demo

How to Contribute

If you have ideas for improving Trash Scanner™, the App, or you wish to contribute to the project please feel free to send me an email!

Contact

If you have any questions please feel free to email me @ anthonytropeano@protonmail.com

License

This product is not licensed for reuse at this time.

© 2023 Anthony Tropeano

Back to Top

About

TrashScanner the App is a PWA built using React, TypeScript, and pure CSS. The Application is powered by Node.js, Express.js, Heroku, and MongoDB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages