NutriCart

Elevate your diet with NutriCart: your online grocery companion. Helping you balance health and convenience in every click, by seamlessly tracking calories, protein, fibre and more.

Comment

Inspiration

Our inspiration for NutriCart comes from the need to make healthy eating convenient for modern, busy lifestyles. As busy university students, it is not always easy or convenient to maintain a healthy and nutritious diet. A year into the pandemic 49% of Canadians engaged in online grocery shopping and the total investment in online grocery shopping, including investments by major players like Loblaw, Metro, and Walmart, is estimated at 12$ billion in Canada (source). Therefore, with the rise of online grocery shopping, we wanted to create a tool that empowers users to make informed nutritional choices effortlessly.

What it does

NutriCart is a cutting-edge web extension that seamlessly integrates with your online grocery experience. To begin upon installation, it asks for basic physiological information like age, weight, and height to customize the app's calculation of your nutritional needs. You can also specify your own nutritional needs based on your dietary goals (ex: increasing the amount of protein to build muscle). The extension will track the calories, protein, fibre, and other vital nutrients of the items in your shopping cart. Then give instant feedback on the nutritional status of your shopping cart in comparison with your recommended nutritional needs. NutriCart allows users to strike the perfect balance between health and convenience

How we built it

We built NutriCart using React, TypeScript, Javascript and HTML/CSS. along with a Nutrition API by API Ninjas. We decided on building a Chrome extension as the project plays a supportive role in improving a user's online grocery experience. The extension collects and analyzes the products in your cart, sending them to the API to obtain the nutritional values on the fly and then updating the UI.

Challenges we ran into

As half of our team had little to no experience with Front End Development, it was difficult for us to code the project. Since we made the extension with React that also added another level of difficulty and we had trouble connecting different pieces of code.

Accomplishments that we're proud of

We're proud to have developed a powerful tool that enhances users' lives by promoting healthier eating habits. NutriCart's ability to process and deliver real-time nutritional insights on the fly is a significant achievement. We're also proud of creating a user-friendly interface that makes nutrition tracking a breeze.

What we learned

Throughout this journey, we deepened our understanding of web extensions, front-end development, and nutrition data processing. We gained valuable insights into user experience design and how technology can support healthy living.

What's next for NutriCart

In the future, we envision expanding NutriCart's compatibility to more online grocery platforms. We'll continuously refine our algorithms and enhance the user experience. Integration of personalized dietary recommendations using AI and seamless social sharing is also on our roadmap, making NutriCart an indispensable tool for health-conscious individuals everywhere.

Share this project:

Updates