Inspiration
I was inspired to build this project for my friend who is differently abled, and he goes to physiotherapy sessions. He always wanted to have a nutrition app. I was inspired by my mom to add a voice assistant for this application.
What it does
This application will be used to search and display as a bar chart for food's nutritional content. The special part about this web application is using you can speak to it directly, and say Give me the nutrition for "x", and it will display the nutrition for "x". For example, If you say : "Give me the nutrition for tomato". It will display its nutritional content visualized as a Bar Chart.
How we built it
I used three different APIs for this and integrated it. Chart.js, Alan AI, and Nutrition API.
Challenges we ran into
The biggest challenge I ran into was integrating everything. Writing AI script wasn't the hard part. Getting it to actually work for the entire project was the hard part for me personally. Also, I also got stuck with using useState and useEffect together. One of the mentors helped me out for that one, and I was able to figure out how to use them both together.
Accomplishments that we're proud of
I am proud of the fact that whoever will use this web application can easily know about all the nutrients in their meal by just speaking to Alan.
I integrated three different API, and I am super proud of that. It took me a lot of time but I got it done.
What we learned
I learned to use:
- Integration of different APIs to work together.
- How to use complex hooks functionality by dealing with Multiple APIs.
What's next for Brick Hack Health
Future Improvements:
- Optimize it, and make it faster.
- Add exercises functionality with Voice Assistant
Built With
- alan
- api
- node.js
- react.js

Log in or sign up for Devpost to join the conversation.