Coder Social home page Coder Social logo

cook's Introduction

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

Expo

React Native

Supabase

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

  1. Create a Supabase account and project.

  2. Clone the repo

git clone https://github.com/EdlanioJ/cook.git
  1. Install NPM packages
npm install
  1. 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
  1. Add file in folder image in supabase storage and get the base url of the image.

  2. 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:

  1. Search for recipes by selecting ingredients.

  2. Select a recipe to view its details.

  3. 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 👋

cook's People

Contributors

edlanioj avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.