mercafacil-desafio: A TypeScript repository from murilokrugner

Challenge Mercafacil React Native

Sobre o Projeto

Este projeto visa a criação de um aplicativo Android e Ios que consome a API do desenho animado Rick and Morty para o desafio técnico da Mercafacil.

Feito Com

Abaixo segue o que foi utilizado na criação deste projeto:

React Native - O React Native é um framework que permite o desenvolvimento de aplicações mobile usando JavaScript e React;
React Navigation - O React Navigation surgiu da necessidade comunidade do React Native de uma navegação de forma fácil de se usar, e escrita toda em JavaScript;
@react-navigation/stack - Roteamento e navegação para seus aplicativos React Native em Stack.
React Native Gesture Handler - API declarativa que permite a manipulação de toques e gestos no React Native;
Reactotron-react-native - Plugin para configurar o Reactotron para se conectar ao projeto React Native;
react-native-safe-area-context - Dependências de React Navigation;
react-native-screens - Dependências de React Navigation;
styled-components - Use os melhores bits de ES6 e CSS para estilizar seus aplicativos sem estresse;
@apollo/client - Lib para consultas de api em Graphql
react-native-picker-select - Picker para react native
storybook - Documentação de componentes

API Rick and Morty - Graphql

API Rick and Morty - Veja mais

Para a padronização do código, o projeto utilizar as extensões para Visual Studio Code, como:

eslint - Encontre e corrija problemas em seu código JavaScript
prettier - Um formatador de código opinativo
editorconfig - EditorConfig ajuda a manter estilos de codificação consistentes para vários desenvolvedores

Começando

Para conseguir rodar o projeto, clone o mesmo e siga os passos abaixo.

Pré-requisitos

Antes de seguirmos para as configurações do projeto, é ideal que você tenha o ambiente configurado para criar e testar aplicativos em React Native, para isso você pode seguir o guia do link abaixo como exemplo:

Ambiente React Native (Android/iOS)

Instalação

Com o projeto clonado, abra o mesmo em seu Terminal, Powershell ou CMD e execute os seguites comandos:
- Se estiver utilizando Yarn execute:
  - ```
     yarn
```
- Se estiver utilizando NPM execute:
  - ```
     npm install
```
Para executar o projeto em IOS, execute o seguinte comando:
- ```
     ios/pod install
```

Depois de todas as dependências tiverem sido baixadas execute o projeto:

```
     yarn run android
```
```
     yarn run ios
```

Caso utilize NPM:

```
    npm run android
```
```
    npm run ios
```

murilokrugner/mercafacil-desafio