Nutrain

This application is to record and manage food nutrition. You can search for foods from the food database and get accurate nutrients.

ReactJS/Styled-Components/Edamam API/Netlify

Why I created this project

I wanted an app that would allow me to intuitively record and visualize the nutrients in the food I eat.
I used to track my nutrition with spreadsheet because I work out and need to have enough protein and calories. A spreadsheet is fine for calculating ahead of time and creating a list of meals, but it's not best option to keep track of what I eat every day.

Which problem this app solved

I can search and track nutrients in one application.
I don't need to calculate or write formulas in spreadsheets.

What I learned through this project

I learned how to use the api provided by Edamam. It was a good opportunity to learn how to handle data as I have been interested in the nutrient API for some time. I will probably use this API in the future. It was a bit difficult to store in one array from two different APIs. I created the objects myself and combined them into one. The units of serving are different, such as "per 100g" and "per person," and I had a hard time making it possible to change the serving amount for each. And this was my first project since react18 was released, so I learned the syntax of a new root API introduced by react18.

What I will do next

  • I will make mark2 using machine learning
©2022 Kazuma Kuramoto