A private restaurant journaling app for food lovers

Foodie: Restaurant Journal App

Role

Course

UI/UX Designer & React Native Developer

IAT359 - Mobile Computing

Tools

Duration

Figma & React Native

4 Weeks

Concept

The Foodie Mobile App allows users to privately document their favourite list of restaurants by adding their own notes, photos, and map locations without sharing publicly.

Problem

Most restaurant apps focus on public sharing and reviews. Foodie provides a personal and private space for memory-keeping.

Target Audience

Food Enthusiasts
Travelers and Food Bloggers
Casual Diners

Core Features

Data Storage

Notes & Photos

API Integration

Map Integration

Google Maps & Places APIs for Autocomplete, Directions, & Reviews

Display User Location, Route Lines, & Markers

Firestore & AsyncStorage for structured and local data storage

Add Personal Reflections & Images per Restaurant

Authentication

Native Features

Firebase Email/Password
Login for Privacy and Security

Expo Image Picker for Camera & Gallery Access

Challenges

It was difficult for me to implement the user’s location, the route markers, and lines to the restaurant’s location in the app.

Solutions

After several debugging, looking for solutions from the online community, and feedback from the instructor, I found that I needed to implement Expo Location to help acquire the user’s location.

Reflection

Building Foodie taught me how to combine React Native development with API integrations, Firebase authentication, and Native device capabilities. It also highlighted how thoughtful technical design decisions can directly shape the user experience.

Due to API access expiration, the live prototype is no longer available. However, the complete source code is provided below for review.

GitHub Link

Home