Git Product home page Git Product logo

cook-app's Introduction

cook-home

Cook Food 🍔🥗 Concluído 🚀

SobreFuncionalidadesLayoutComo executarTecnologiasAutorLicença

💻 Sobre o projeto

🥗Imagine chegar em casa com fome depois de um dia de muito trabalho e lembrar que você esqueceu de passar no mercado para fazer as compras da semana. Então você decide abrir a geladeira pra fazer uma janta com o que já tem em casa, mas está sem muita criatividade pra cozinhar. É esse problema que o Cook App pode resolve! Nessa aula do evento React Native na prática vamos criar uma aplicação que sugere receitas conforme os ingredientes selecionados usando React Native, Expo, Expo router, Supabase e React Native reanimated.


⚙️ Funcionalidades

  • Carrega ingredientes para selecao
  • Mostra os ingredientes selecionados pelo usuario
  • Busca as receitas compativeis com os ingredientes selecionados
  • Exibe as receitas com os modos de preparos

🎨 Layout

O layout da aplicação está disponível no Figma:

Made by luis

Mobile

home receitas receitas-modos


🚀 Como executar o projeto

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Backend (servidor)

 ## projeto usando supabase consultar documentacao e as variaveis que precisam no arquivo .env_example

📱 Mobile

# Clone este repositório
$ git clone https://github.com/GuilhaoF/cook-app.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd cook-app

# Instale as dependências
$ npm install ou npm i 

# Execute a aplicação em modo de desenvolvimento
$ npx expo start 

# Escolha aonde quer rodar a aplicacao
Metro waiting on exp://192.168.3.10:8081
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Web is waiting on http://localhost:8081

› Using Expo Go
› Press s │ switch to development build

› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web

› Press j │ open debugger
› Press r │ reload app
› Press m │ toggle menu
› Press o │ open project code in your editor

› Press ? │ show all commands

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Veja o arquivo package.json


💪 Como contribuir para o projeto

  1. Faça um fork do projeto.
  2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
  3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
  4. Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub


🦸 Autor


Luis Felipe G Silva
🚀

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Luis Felipe G Silva 👋🏽 Entre em contato!


Versões do README

Português 🇧🇷

cook-app's People

Contributors

guilhaof 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.