Skip to content

A react native demo app that gets professional food recipes based on user fridge ingredients.

Notifications You must be signed in to change notification settings

NEjim2001/MyFridge

Repository files navigation

MyFridge! React Native App

MyFridge!

Overview

MyFridge! is a React Native fridge app designed to help you keep track of fridge contents and discover professional recipes based on available ingredients.

Key Features

  • Ingredient Tracker: Utilizes Firebase NoSQL for efficient and secure storage of users' fridge contents and favorite recipes.
  • Fast Recipe Fetcher: Utilizes JavaScript to fetch data from the Spoonacular API.

Project Overview

Frontend

  • Design: Crafted the user interface using Figma. View Design
  • Task Tracking: Monitored and managed task progress through Milanote.
  • Styling: Applied a sleek and responsive design using Tailwind CSS.

Backend

  • API Integration: Leveraged JavaScript to make calls to the Spoonacular API for recipe data.
  • Authentication and Data Storage: Implemented Firebase to handle user authentication and securely store user data.

Future Enhancements

If development were to continue, the following improvements would be considered:

  • Barcode Scanner: Quickly allow users to add food items to the fridge.
  • Recipe Sorting: Allow users to filter recipes based on specific criteria.
  • Text-To-Speech: Implement a feature for the app to read recipe steps aloud to the user.
  • Shopping List: Built-in notepad to keep track of groceries

Available Scripts

Install dev dependencies

npm install

Run App

npm start

Run iPhone Simulator (Must have MacBook and XCode downloaded)

npm run ios

Like npm start, but also attempts to open your app in the iOS Simulator if you're on a Mac and have it installed.

About

A react native demo app that gets professional food recipes based on user fridge ingredients.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published