Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/phelipeg/cookapp-reactnative
😋🥗🍎 App que sugere receitas baseadas nos ingredientes selecionados.
https://github.com/phelipeg/cookapp-reactnative
expo expo-font expo-router expo-splash-screen expo-status-bar react react-native react-navigation supabase
Last synced: 19 days ago
JSON representation
😋🥗🍎 App que sugere receitas baseadas nos ingredientes selecionados.
- Host: GitHub
- URL: https://github.com/phelipeg/cookapp-reactnative
- Owner: PhelipeG
- Created: 2024-11-14T23:03:25.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-11-14T23:08:38.000Z (3 months ago)
- Last Synced: 2025-01-21T09:12:01.254Z (19 days ago)
- Topics: expo, expo-font, expo-router, expo-splash-screen, expo-status-bar, react, react-native, react-navigation, supabase
- Language: TypeScript
- Homepage:
- Size: 325 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Cook Food 🍔🥗 Concluído 🚀
Sobre •
Funcionalidades •
Layout •
Como executar •
Tecnologias •
Autor •
Licenç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
- [x] Carrega ingredientes para selecao
- [x] Mostra os ingredientes selecionados pelo usuario
- [x] Busca as receitas compativeis com os ingredientes selecionados
- [x] Exibe as receitas com os modos de preparos
---
## 🎨 Layout
O layout da aplicação está disponível no Figma:
### Mobile
---
## 🚀 Como executar o projeto
### Pré-requisitos
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
#### 🎲 Backend (servidor)
```bash
## projeto usando supabase consultar documentacao e as variaveis que precisam no arquivo .env_example
```
#### 📱 Mobile
```bash
# 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:
#### [](https://github.com/GuilhaoF/cook-app)**Mobile** ([React Native](http://www.reactnative.com/) + [TypeScript](https://www.typescriptlang.org/))
- **[Expo](https://expo.io/)**
- **[Expo Google Fonts](https://github.com/expo/google-fonts)**
- **[Expo Constants](https://docs.expo.io/versions/latest/sdk/constants/)**
- **[Supabase](https://supabase.com/docs)**
- **[Reanimated](https://docs.swmansion.com/react-native-reanimated/)**
- **[Expo Router](https://docs.expo.dev/router/introduction/)**
- **[Expo-Linear-Gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/)**
> Veja o arquivo [package.json](https://github.com/GuilhaoF/cook-app/blob/master/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](./CONTRIBUTING.md)
---
## 🦸 Autor
---
## 📝 Licença
Este projeto esta sobe a licença [MIT](./LICENSE).
Feito com ❤️ por Luis Felipe G Silva 👋🏽 [Entre em contato!](https://www.linkedin.com/in/luis-felipe-silv/)
---
## Versões do README
[Português 🇧🇷](./README.md)
