While seeing a lot of waste being uncollected, the society and the community that we live in looks very untidy and unhygienic. Having all age group in the community, wastes being left uncollected would have made kids, elderly people, and everyone else prone to illness. Seeing this issue and taking into consideration the job done by the municipality, we came up with this web app – crackWaste!

What it does

crackWaste helps keep track of the waste that is being collected. In an area with many communities, it is very hard to know whether the trash is being picked up or not. Using crackWaste, we can have the collector (or ourselves) scan a QR Code which will lead to the web app where the user can put in their details and it’ll record the date and time of the disposal.

How we built it

We split our work into frontend and backend. For frontend, we used React framework to create our web app with fluent UI helping actions to be on tip of our fingers. For backend, we used Nest.js and Postgres. we also made use of MobX.

Challenges I ran into

Our teammates were new to using React and Nest in a project so it took us a while to get handy with it. Nevertheless we learnt a lot

Accomplishments that I'm proud of

What I learned

We learned to make multi-page web-app in React. We also learned how to link frontend and backend using MobX. The better part was getting to know the QR Code technology. And we are most proud of the collaboration and knowledge we can together

What's next for crackWaste

We plan to widen its accessibility. Each household will have trash bags which will have QR Codes in it. One QR will be for dry waste and the other for kitchen waste. While going to segregate, the person should scan the code to the disposal area and then, the door will recognize the code and open on its own. If the code is for dry waste, the door towards the disposal of dry will open and likewise for kitchen waste.

We will include geoFencing to track the driver real time.

React.js, Nest.js, Postgres.

Share this project: