Revice

Inspiration

I was inspired to make a website that has a back-end for scanning used products and finding creative ways to reuse them with AI by the vast array of applications on the market that do that for food, and I thought it'd be neat to do it for E-Waste since it's not something that receives anywhere near as much coverage as it deserves.

What it does

Our project is a website that uses AI to scan your E-Waste and generates project ideas for cool DIY projects you can make with that E-Waste with everything you need to make said project from materials to step-by-step instructions.

How we built it

The front-end was made with JS-React in VS-Code, while the back-end was made independently of the Front-End with Google Collabs and Python so we could use the AI.

Challenges we ran into

In regards to front-end, I went through a react tutorial in TypeScript, made the project in TypeScript, and more than halfway through I had to start all over and make it in JS-React. However, the challenges didn't stop there, I had technical difficulties with the development server properly rendering items, and it was so time intensive making the Navigation Bar work the way it should without knowing routing. In terms of back end, we tried writing it from scratch at first but we needed an api, so we used Imagga at first, but their API key and secret wouldn't work, so later we switched to Google Collabs but our teammate's computer had a BSOD incorrectly compiling the code and the code just stopped working.

Accomplishments that we're proud of

I made the Navigation bar in the front end without routing.

What we learned

I learned how to use JS-React from this Hackathon and going forward I'm confident if I had to I could make a JS-React program from the ground up.

What's next for Revice

Expanding the functionality of the front-end, a well-structured support system, connecting the front-end and back-end, expanding compatibility to Mobile Devices, and training a better AI.

Built With

• figma
• google-colabs
• python