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

https://github.com/jairodoni/api-consumer-app

Teste para vaga de React Native na Scale Systems
https://github.com/jairodoni/api-consumer-app

expo react-native styled-components typescript

Last synced: 3 months ago
JSON representation

Teste para vaga de React Native na Scale Systems

Awesome Lists containing this project

README

          



API Consumer

TypeScript
React Native
Expo
Styled Components




Layout  | 


Tecnologias  | 


Executando  | 


api consumer


## **🔖 Layout**

#### **Mobile**



telasWeb


---

## **💻 Tecnologias**

#### **Mobile** ([React Native][react_native])

- **[Expo][expo]**
- **[React Native][react_native]**
- **[Typescript][typescript]**
- **[Styled Components][styled_components]**
- **[Axios][axios]**

#### **Extras**

- **[React Native Iphone X Helper][x_helper]**
- **[React Native Responsive Fontsize][responsive_fontsize]**

> \* Veja o arquivo [package.json](./package.json)


---

## **🚀 Como executar o projeto**

### Configurações Iniciais

Primeiro, você precisa ter o [NodeJS](https://nodejs.org/en/download/) instalado na sua máquina.

Segundo, você precisa ter o [Expo CLI][expo_cli] em sua maquina, instale usando o seguinte comando:
```sh
$ npm install -g expo-cli
```
Após ter o **Node** e **Expo CLI** instalado, instale agora as dependências contidas nos arquivos `package.json` que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

```sh
# Instalando as dependencias:
$ npm install

# ou

$ yarn
```

> Veja a parte de **scripts {}** do arquivo [package.json](./package.json) para saber quais scripts estão disponíveis.


### Executando o App

```sh
$ expo start
```

Por ultimo instale o aplicativo expo no seu smartphone através da sua loja favorita de aplicativos (Play Store, Apple Store, etc...) e use o QRCode para abrir e visualizar o Api Consumer. Você pode optar por abrir pelo emulador tambem.


[node]: https://nodejs.org/en/
[expo]: https://expo.dev
[expo_cli]: https://docs.expo.dev/workflow/expo-cli/
[react_native]: https://reactnative.dev
[typescript]: https://www.typescriptlang.org/
[styled_components]: https://styled-components.com
[axios]: https://github.com/axios/axios
[x_helper]: https://github.com/ptelad/react-native-iphone-x-helper
[responsive_fontsize]: https://github.com/heyman333/react-native-responsive-fontSize
[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable