mateusmatosleonardo / motorcycle_sales

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BRAND

Codinome Framework Linguagem Plataformas
Motorcycle Sales React-native JavaScript/TypeScript [Android, IOS]

Sumário

  • Introdução
  • Preview (screens)
  • Pré-requisitos
  • Clonando repositório
  • Configuração do projeto
    • Ambientes
      • API
      • Instalação das dependências do projeto
  • Execução do projeto
    • Android
    • IOS
  • Informações gerais
    • Guidelines
    • Gestão de ícones no aplicativo
  • Suporte

Introdução

Esse projeto se trata de uma aplicativo de vendas de motos fictício.

Preview

login home details payment modalCreditCard installment purchaseData

Pré-requisitos

  • [✔️] git
  • [✔️] VS code
  • [✔️] Java SDK
  • [✔️] Android SDK
  • [✔️] NodeJS
  • [✔️] Android Virtual Device ou Dispositivo físico
  • [✔️] cocoapods

Clonando repositório

Após todas as dependências atendidas e instaladas na sua máquina, basta clonar o repositório com o seguindo comando:
git clone git@github.com:mateusmatosleonardo/motorcycle_sales.git
cd motorcycleSales

Configuração do projeto

API

Vá até o arquivo package.json e configure o script com o seu endereço IP e com a porta que desejar, exemplo:
"scripts": { "server": "json-server --watch db.json --host 100.000.000 --port 8000" }
Suba o servidor do json-server com o seguindo script:
yarn server ou npm server

Instalação das dependências

Para instalar as dependências do projeto, execute o seguinte comando:
yarn install
ou
npm install
Para ios, rode:
pod install

Execução do projeto

Android

Para rodar o aplicativo segue os seguintes comandos:
Para iniciar o metrô:
yarn start
Ou se preferir
npx react-native start
Para iniciar o aplicativo:
yarn android
Ou se preferir
npx react-native run-android

IOS

Para rodar o aplicativo no ambiente IOS segue os seguintes comandos:
Para iniciar o metrô:
yarn start
ou se preferir
npx react-native start
Para iniciar o aplicativo:
npx react-native run-ios

Informações gerais

Gestão de ícones no aplicativo

Para adicionar novos ícones ao aplicativo é necessário utilizar o site https://oblador.github.io/react-native-vector-icons/ e importar o ícone da seguinte forma:
import Left from 'react-native-vector-icons/Ionicons'

Suporte

Qualquer dúvida, sugestão ou relato de bugs, submete um novo PR ou entre em contato com m4teusmatos@gmail.com

About


Languages

Language:TypeScript 59.1%Language:Java 19.1%Language:C++ 8.7%Language:Objective-C++ 4.5%Language:Objective-C 3.0%Language:Makefile 1.9%Language:Ruby 1.6%Language:JavaScript 1.4%Language:Starlark 0.7%