/food-journal

React native mobile app to capture photos and information about what you eat

Primary LanguageTypeScript

Food Journal Tracker

Track your eating habits, reflect today

food journal homepage

food journal meal details page

food journal login screen

The Food Journal Tracker app is a React native mobile application that can be used to capture photos and information about what you eat. Keeping track of the food you eat is a proven way to make better diet choices. As an added benefit, many popular mobile apps - including Instagram - work in a similar way to the food journaling app.

  • The user can take a photo of whatever they are eating or drinking using their phone inbuilt camera.
  • The user can then add a description of the food to accompany the photo.
  • The user can browse through all the photos and descriptions they have added by swiping up or down.

You can also:

  • Import and save files from your phone local storage or gallery.
  • Delete and update journals.

Remember what you've been eating in the last few days and identify healthy and unhealthy eating patterns.

Tech

The app uses different libaries, languages, and tools to work properly. Main technologies:

  • React Native
  • Firebase
  • Typescript
  • Redux toolkit
  • RTK Query

Installation

The Food Journal Tracker requires to setup your development environment with react native to run.

Clone this repository and import into your preferred code editor.

For more information on how to run the app on a real device or an emulator after importing it, follow this tutorial.

Any feedback is always welcome!