Inspiration

The idea of the food and calorie control program sparked when we talked about the existing applications and programs with limited access to the functionality that can retrieve the diet list based on the calories with the desired ingredients.

What it does

The product asks users which ingredients for a day. When users give the inputs about them, the application returns with the list of foods which they would eat or not.

How we built it

1. API and backend connection construction

2. Backend and frontend communication

3. Data visualization in frontend

Challenges we ran into

1. Backend construction using API

Most of us are not familiar with constructing a backend and using APIs as databases. In the beginning, the coding section between the front end and back end was not clear, making enabling API usage impossible. We had to begin by learning how to construct the backend to enable the server that connects our application to APIs. Thus, we spent most of our time applying APIs to the backend with support from mentors.

2. Retrieving desired data from API

Understanding the data structure from API was also a challenge. The expectation from API's retrieval information would be purely table-based JSON files. However, the returned objects were different we had to go through understanding the structure and extracting the target information.

3. Bringing out the data to frontend

Communication between the front-end and back-end required many trial-and-error attempts to find the proper format that we could apply to the front end.

Accomplishments that we're proud of

Despite the beginner's hardships, we were able to deliver our results to the judges with functioning applications that could do what we wanted at the beginning of the hackathon.