Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Licença
🥗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.
- 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
O layout da aplicação está disponível no Figma:
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
## projeto usando supabase consultar documentacao e as variaveis que precisam no arquivo .env_example
# 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
As seguintes ferramentas foram usadas na construção do projeto:
Mobile (React Native + TypeScript)
Veja o arquivo package.json
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
Luis Felipe G Silva 🚀
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Luis Felipe G Silva 👋🏽 Entre em contato!