Skip to content

jantongiovanni/My-Cookbook-Recipe-Tracker

Repository files navigation

My Cookbook - Recipe Tracker

This app is being built using React Native and Expo with the end goal being to deploy to both iOS and Android

The app's concept is to be able to store recipes you have created, follow along with the instructions with mobile first design in mind, and be able to easily share the recipes you have made with your friends and family.

This is a work in progress and some aspects are not representative of the final product

Showcase

Original proof of concept

Latest Iteration Screenshots

Home Feed Add a recipe
Details Profile

Features of the app so far:

  • Home Screen
    • Dynamic Recipe cards
      • Username and icon
      • Image
      • Title, time, makes, and description
  • Animated Touch Feedback
  • Firebase Firestore backend
    • List of recipes pull from Firestore
    • Uses seperate top level subcollections
    • Automatic refresh using snapshot
    • Ordered by newest posts first
    • Placeholder rows during loading
    • Placeholder Image if none exists
  • Detail screen
    • Dynamic render of fields if relevant data exists
    • Tapping on image opens fullscreen, scalable, paged view
    • Shows saved state or gives ability to delete
  • Recipe creation
    • Image picker w/ permissions
    • Photo saved in Firestore Storage
    • Post saved in Firestore Database
    • Recipes can be toggled public/private
    • Adding ingredients and directions is animated
    • Ability to delete added ingredients/directions
    • Ability to reorder directions
  • Recipe deletion
    • Deletion of post deletes associated image and data
  • User Authentication
    • Login/Logout using Google Account (more to come)
    • User persists app restarts
    • Automatic Auth flow
    • User can see all of their own recipes
    • User page
  • Discover recipes created by other users
  • Save recipes created by other users

Work In Progress / To-Do:

  • Save recipe drafts
  • Check off ingredients and steps
  • Filter recipes by category, tag, etc
  • Show Recently viewed
  • Facebook login
  • Email verification
  • User Discovery
    • Find other users
    • Able to follow other users
  • Ad integration

Deploy:

  • Deploy to Android
  • Deploy to iOS

About

React Native app for storing and finding recipes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published