YOM: One app - all your recipes.

The Meal

YOM stores all your favourite recipes in one place.

Take a photo, provide a link, or input them from memory. YOM will then process and save your recipes in a consistent format, trimming away excess information. YOM garnishes recipes with features such as unit conversions, custom notes, tags, and ratings. With its simple, stripped back interface, YOM is not just easy to use, it provides your eyes with something to feast on.

YOM has been built for iOS and Android.

The Ingredients

YOM was built in under a week using JavaScript, React Native, Expo, Redux Toolkit, Google Firebase and Firestore, and the Google Cloud Vision and Spoonacular APIs. Although I had not used any of these technologies prior to starting development, I picked them based on their suitability for my project goals:

A mobile app, built at speed, with secure authentication and storage, and camera functionality with image to text capabalities.

The Recipe

To set YOM up locally and install dependencies from the CLI, navigate to /client and execute:

npm i

Add a .env file at the root of /client following the structure provided in .env.example in /client. Register with Google Firebase, Google Cloud Vision API, and Rapid API to receive the necessary credentials.

To start using YOM through Expo from the CLI, navigate to /client and execute:

expo start -c

To run on a mobile device, download the Expo for either iOS or Android and scan the QR code that's provided in your browser once the project compiles.

To Do...

• Provide ability to edit and delete recipes once saved.
• Add search and filter functionality to recipe list.
• Provide useers with an ability to edit their account settings once created.
• Finish image to text flow - lines of text are currently only pulled from an image and then pushed to a form where a user can identify them. This needs connecting to the existing recipe form used to edit uploaded and manually inputted recipes.
• Extend YOM's planned functionality with a meal planner and shopping list generator.
• Add more thorough error handling and sanitisation for text inputs.
• Provide more robust error handling if recipe cannot be parsed from URL or image.
• Develop a web version that removes camera functionality and renders content more responsively.