readme.md

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

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

2. Para executar o projeto em IOS, execute o seguinte comando:

   •      ios/pod install

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