food4kids-nutrition-calculator

UI of the nutrition app.

Inspiration

After learning about what Food4Kids does in the Kitchener/Waterloo area, we realized that the food packages given out to children are all mostly the same - even though the nutritional needs for someone in Grade 1 would be different than someone who is in Grade 8. We wanted to create a tool that would help the charity create food packages that can be optimized based on ideal nutrition for various age levels, as well as helping keep costs down.

What it does

This is a web app where users can save packages they make - and packages consist of food items that can be added via the top search bar, and shown in the table below. The table for each package summarizes food information such as the name, pricing, and nutritional facts such as calories and carbohydrates. Pressing the "optimize quantities" button should generate some stats.

How we built it

This app was built using Next.js and React, along with the UI library Blueprint.js.

Challenges we ran into

We had some trouble using some of the pre-made components from the Blueprint.js library, which required a lot of debugging and re-reading of documentation!