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

https://github.com/marcosvel/ifood-jovemdev

React Native iFood app
https://github.com/marcosvel/ifood-jovemdev

app expo ifood mobile mobile-development react-native

Last synced: about 2 months ago
JSON representation

React Native iFood app

Awesome Lists containing this project

README

          



Ifood



Ifood Clone

Aplicativo Desenvolvido por Gustavo Noronha

_Para a live do JovemDev [Site Oficial](https://jovemdev.com.br)._

## 🚀 Vamos lá?

1. **Primeiro Passo: Faça clone do projeto.**

Você pode baixar ou clonar meu projeto na seguinte url.

```sh
# crie um novo repositório e baixe o projeto
ifood clone interface https://github.com/GustavoNoronha/ifood-live-completo
```

2. **Execute os pacotes.**

Você pode fazer isso utlizando o yarn ou npm.

```sh
npm install ou
yarn install
```

3. **Execute o json-server!**

Você deve executar entao o Json Server para acesso as imagens e demais!

_
```sh
Para instalar o Json Server / yarn : yarn add json-server ou
Para instalar o Json Server / npm : npm install json-server
```
Agora precisamos executar o json server para termos acesso a nossa "api" posteriormente!
```sh
Para executar o Json Server: npx json-server --H 192.168.0.12 -p 3333 server.json
```
Repare que o ip local 192.168.0.12 é o meu, você deve substituir pelo seu, para saber seu ip deve ir no cmd e digitar o comando abaixo:
```sh
ipconfig
```
OBS: Escolha a opção: Endereço IPv4.

4. **Mude o Caminho da API!**


expo





5. **Execute o Projeto com o expo!**
Agora precisamos executar o projeto!


expo start




5. **Teste o Projeto com o expo!**

Depois de ter executado o expo é só escaniar o código qr ou executar no navegador!


expo



## 🧐 Estruturas de pastas

Saiba a estruturação deste projeto / src


├── src
├── assets
├── componentes
├── endereco
index.js
styles.js
├── categorias
├── cupom
├── cabecalho
├── pesquisa
├── ofertas
├── promocoes
├── restaurantes
├── sugestoes
├── pages
├── home
├── delivery
├── services
api.js
├── utils
routes.js

## 💫 Links úteis
| Recurso | Link |
| ------ | ------ |
| Yarn | https://yarnpkg.com/ |
| NPM | https://www.npmjs.com/ |
| Site | https://www.jovemdev.com.br/ |
| Instagram | https://www.instagram.com/jovemdev.oficial/ |
| Youtube | https://www.youtube.com/channel/UC_AHwgNm0YXYC2LDhjcreGg |
| Instagram ( Pessoal ) | https://www.instagram.com/gustavoNoronha0/