Ifood

Ifood Clone

Aplicativo Desenvolvido por Gustavo Noronha

Para a live do JovemDev Site Oficial.

🚀 Vamos lá?

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

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

    # 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.

    npm install ou
    yarn install
  3. Execute o json-server!

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

    _

    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!

    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:

    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
  1. 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/