Cook App

About the project

This is a mobile application for cooking recipes. Users search for recipes based on ingredients, and can view the recipe details, ingredients, and instructions. Built in Expo(React Native) and Supabase backend, with a focus on user experience.

Built With

Getting Started

Follow the steps below to run the project.

Prerequisites

To run this project, you will need:

npm
```
npm install npm@latest -g
```

Installation

Create a Supabase account and project.
Clone the repo

git clone https://github.com/EdlanioJ/cook.git

Install NPM packages

npm install

Create a Supabase database and tables and migrations with data on src/database/.

Tables

recipes

Field	Type	Description
id	string	Primary key (UUID)
name	string	Recipe name
image	string	Recipe image
minutes	int	Recipe cooking time

ingredients

Field	Type	Description
id	string	Primary key (UUID)
name	string	Ingredient name
image	string	Ingredient image

recipes_ingredients

Field	Type	Description
id	string	Primary key (UUID)
recipe_id	string	Recipe id (foreign key references recipes.id)
ingredient_id	string	Ingredient id (foreign key references ingredients.id)

preparations

Field	Type	Description
id	string	Primary key (UUID)
recipe_id	string	Recipe id (foreign key references recipes.id)
step	int	Step number
description	string	Step description

Add file in folder image in supabase storage and get the base url of the image.
Enter your env variables in .env

EXPO_PUBLIC_SUPABASE_URL='enter your supabase url'

EXPO_PUBLIC_SUPABASE_ANON_KEY='enter your supabase anon key'

EXPO_PUBLIC_STORAGE_URL='enter your supabase storage url'

Run

Run in Expo Go

npx expo start

Run in a Emulator

// iOS Emulator
npx expo run:ios

// Android Emulator
npx expo run:android

Usage

To utilize Cook App, follow these steps:

Search for recipes by selecting ingredients.
Select a recipe to view its details.
View the recipe details, ingredients, and instructions.

Layout

You may view the layout of this project through this link 🔗. You must have an account at Figma to access it.

License

This project is under the MIT license. See the LICENSE file for more details.

Made with ❤️ por Edlâneo Manuel 👋