StockSense

Inspiration

one of our teammates work in a restaurant as a server and they are constantly running out of ingredients for their menu items. The restaurant lack's the data to understand how much material they have left. The manager mentioned that having a real-time inventory system that updates with the orders as they go through could help them stay on top of ordering product much more proactively rather than waiting until they are out.

What it does

Our full stack application takes orders by a front end webpage and manages this data into an inventory of goods that are previously set. Therefore when an order is submitted the inventory can relay the change in product immediately, giving admins a good idea of what they have and what they can make.

How we built it

We started out by dedicating a data structure that was integral to the entire project. dedicating frontend to backend back to frontend2 helped create a work flow that allowed the success of our project. We heavily relied on react to design our webpages. Github Copilot chat helped us debug along with helping us with bigger issues like connecting front and backends together.

Challenges we ran into

One of the biggest issues we ran into was hosting our front end webpages onto local networks. from the beginning we wanted to use qr codes for the judges to interact with giving them complete control of the ordering system to show the robustness of the full stack application. we really struggled with using Ngrok and localhosts. Ngrok wasted probably 4 hours of our time. We also struggled to figure out how to keep backend connected to frontend. since there were 2 frontends both of them needed to simultaneously be connected to backend in order for the data structure to work efficiently. We found keeping backend structurally sound very tedious at times.

Accomplishments that we're proud of

We are extremely happy with our final product and our ability to use react. The entire process was delightful for all of us even if it was extremely difficult and very frustrating at times.

What we learned

We learned how to use github, github copilot, react, css, java script, hosting online through Render and Vercel, web design, teamwork, patience, sleep deprivation, and much much more.