Calorie

• 

  Register Screen

• 

  Log in Screen

• 

  Search Food Screen

• 

  User Profile

• 

  Single Food Item Information

Inspiration

The inspiration is that one of our team members records and calculates the calories intake in the Notes everyday. Considering the convenience, our team decides to design an app that automatically calculate the total calories by getting food input from users for easy-tracking and easy-recording.

What it does

The app has the features of registering, adding calories, checking today's intake lists and also data from past seven days. It can calculate the calories by taking ingredients input and volume inputs. Then It generates the intake list of current day and allows users to see the history.

How we built it

We developed the app with a Python (django-rest-framework) backend, an SQLite3 database, a React-Native frontend, and deploy the app with Expo. We used database from canada.ca, titled Canadian Nutrient File (CNF), published in 2015 for extracting calories.

Challenges we ran into

Our team is relatively new to the front-end development, we have met various problem when navigating the screens and fetching the data. We solved these challenges by looking over several tutorials in Youtube and learning from stack-overflow website.

Accomplishments that we're proud of

We are really proud of solving all kinds of challenges through the development, also nice appearance and smooth navigation of our final app.

What we learned

We have learned the coding skills in both react native and python. Besides, our time management skill has also been improved due to the limited time in building an app from zero to one by setting the progress timeline and helping with each other on challenges.

What's next for Calorie

The next step is to improve the user experience on the app by conducting surveys and doing prototype analysis, and also adding the search function in the main page.

Built With

• django
• expo.io
• javascript
• python
• react-native
• sqlite