Inspiration
When we were using baking soda, we found out it was expired. We wondered if there was any way to track the expiry dates easier and know when we should use the product, so it does not expire. So, we made a web app.
What it does
The app tracks products for expiry dates by simply checking the barcode and the expiry date.
How we built it
We used Node.js and Express.js for the server. We used React.js for the client side to render the page. We used an Api from https://devs.upcitemdb.com/ to get the barcode data.
Challenges we ran into
When we were using React.js we found problems with updating state correctly as we have sorting algorithms built in. We found a solution by copying arrays and also sharing state using props.
Accomplishments that we're proud of
We are proud of the design of the page. We spent a lot of time on the animations and making sure every single detail is well designed.
What we learned
We learned a lot about how to React.js works especially state
What's next for Expiro
We want to add a filter button so users can filter their items. We want to suggest things to make for the items that are about to expire. For example, we would suggest making cookies or cake if there was baking soda in the list.
Log in or sign up for Devpost to join the conversation.