Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/matheusramalho/cook-app

Cook App, um app de receitas
https://github.com/matheusramalho/cook-app

mobile nativewind react-native rocketseat tailwindcss typescript

Last synced: 15 days ago
JSON representation

Cook App, um app de receitas

Awesome Lists containing this project

README

        

# Cook App


![thumbnail](.github/thumbnail.png?style=flat)


https://github.com/user-attachments/assets/6e0f44c3-50d3-4f88-b8da-5fda439102ad


## 📌 Tópicos

- [Descrição do projeto](#-projeto)
- [Funcionalidades](#-stack)
- [Funcionalidades](#-funcionalidades)
- [Layout da Aplicação](#-layout)
- [Deploy da Aplicação](#-deploy)
- [Pré-requisitos](#-pré-requisitos)
- [Como rodar a aplicação](#-rodando-a-aplicação)
- [Licença](#-licença)
- [Desenvolvedores e contribuintes](#-Desenvolvedores)


## 💡 Projeto

Imagine chegar em casa com fome depois de um dia de muito trabalho e lembrar que você esqueceu de passar no mercado fazer as compras da semana.Então você decide abrir a geladeira pra fazer uma janta com o que tem em casa, mas está sem muita criatividade pra ter ideia do que cozinhar.
Então resolve abrir o Cook App pra ele te ajudar a criar uma receita conforme os ingredientes disponíveis. Esse é um dos projetos desenvolvidos em aula do evento React Native na Prática, um de nossos conteúdos de especialização.


## ⭐ Stack

- React Native
- Typescript
- Expo
- Nativewind
- Git
- Github
- Supabase


## 🧰 Funcionalidades

- Listagem de ingredientes
- Escola de ingredientes
- Pesquisa de receitas com base nos ingredientes selecionados
- Lista de receitas com base nos ingredientes selecionados
- Detalhes da receita selecionada


## 🔖 Layout

Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/c6KurCl9BAa6FCPWKiS2c4/Cook-App-(Community)-(Copy)?type=design&node-id=2002%3A694&mode=design&t=RjRTkJTrW4LolOq8-1). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.


## 🛟 Pré-requisitos

Antes de começar, verifique se atendeu aos seguintes requisitos:

- [Node](https://nodejs.org)
- [Npm](https://www.npmjs.com/)
- [VsCode](https://code.visualstudio.com/)
- [Expo](https://play.google.com/store/apps/details?id=host.exp.exponent&pcampaignid=web_share)
- [Supabase](https://supabase.com/)


## 🎯 Rodando a aplicação

Clone o repositório

```bash
git clone https://github.com/MatheusRamalho/burguer-delivery-app.git
```

Utilize o **npm** para instalar as dependências do projeto.

```bash
npm install
```

Em seguida, inicie o projeto.

```bash
npx expo start
```

É necessário criar uma conta no Supabase, para que o projeto funcione corretamente, lá está localizado o banco de dados do app.
- Crie um novo projeto no supabase com senha.
- Crie as tabelas necessárias (existe um arquivo schema.png na pasta database como exemplo)
- Popule as tabelas com registros (os arquivos csv estão na pasta database)


## 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.


## 🧠 Desenvolvedores

[
Matheus Ramalho](https://github.com/MatheusRamalho)