23

GitHub - leoobarbosa2/ifood-clone: Um clone do famoso aplicativo do Ifood, feito...

 4 years ago
source link: https://github.com/leoobarbosa2/ifood-clone
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

README.md

72811670-dd7fca80-3c3e-11ea-98b1-1d993903f383.png

Ferramentas

Este projeto foi desenvolvido utilizando das seguintes tecnologias:

Imagens do projeto

72817515-aa423900-3c48-11ea-8a2b-a102a8eb39cd.png


72817571-c5ad4400-3c48-11ea-9d10-015db2c6576b.png


72848367-2eb1ad80-3c83-11ea-8ec4-e47bfd405ad6.gif 72848515-88b27300-3c83-11ea-97d1-b4bca80dfc1a.gif 72848544-98ca5280-3c83-11ea-9b90-d102e47356d7.gif 72848570-a54eab00-3c83-11ea-9016-4cde03fe1364.gif

Como executar o projeto

Executando o projeto:

A aplicação foi desenvolvida através da utilização do Expo, e isso nos permite executar o projeto em nossos próprios aparelhos móveis.

Para execução do projeto, você precisará inicialmente ter em sua máquina um dos gerenciadores de pacote abaixo:

Inicialmente, você precisa instalar todas as dependências de funcionamento do projeto, para isso, com o terminal aberto na pasta do projeto, execute:

  yarn
  npm install

Agora você precisa instalar globalmente o Json Server que vai servir como backend da aplicação, você pode instalar através de um dos seguintes comandos:

  npm install -g json-server
  yarn add -g json-server

Agora você precisa baixar o projeto para sua máquina, você pode baixar o ZIP e extrair, ou caso tenha o GIT instalado na sua máquina pode clonar o projeto através do seguinte comando:

  git clone https://github.com/leoobarbosa2/ifood-clone.git

Para iniciar o backend da aplicação, com o seu terminal aberto na pasta do projeto, execute:

  json-server --host 192.168.11.16 -p 3333 -w

Observe que 192.168.11.16 é o IP da minha máquina, para que o backend funcione corretamente você precisará utilizar o IP da sua máquina para utilização.

Realize a alteração desse IP, para o IP da sua máquina em src/services/api.js mantendo a porta :3333

72815451-6d287780-3c45-11ea-96f8-da0ba2338072.png

Agora você precisa do aplicativo do EXPO instalado no seu dispositivo móvel, você pode encontrar por ele na Google Play ou App Store:

Continuando, execute o comando para iniciar a aplicação mobile com o expo:

  yarn start
  npm run start

Após iniciar o projeto, o seu navegador irá abrir uma tela semelhante a essa, basta utilizar o seu leitor de QRCode que o Expo irá identificar e sugerir que abra no aplicativo, ou você pode escanear no próprio aplicativo do Expo

72814122-4b2df580-3c43-11ea-8860-291214206a31.png

Depois disso é só aguardar o expo carregar o aplicativo!

Testado no Android & IOS

72819629-56d1ea00-3c4c-11ea-8d6e-ca0d9a15d9c8.png

Thank you :)


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK