adlerke / enterprisesioasys

Desafio técnico

ℹ️ Sobre

Objetivo

• Desenvolver uma aplicação React Native que consuma a API Empresas, cujo Postman esta compartilhado neste repositório (collection) - ReadmAssets/App_Empresas.postman_collection.

O que será avaliado?

• A ideia com este teste é ter um melhor entendimento das suas habilidades com Javascript e React Native. Mas de qualquer forma, um layout bonito e com boa usabilidade é MUITO bem vindo.

• A qualidade e desempenho do seu código
• Sua capacidade de organizar o código
• Capacidade de tomar decisões

Escopo do Projeto

• O Login e acesso de Usuário já registrados
  • Para o login usamos padrões OAuth 2.0. Na resposta de sucesso do login a api retornará 3 custom headers:
    • access-token;
    • client;
    • uid;
  • Para ter acesso às demais APIs precisamos enviar esses 3 (três) custom headers para a API autorizar a requisição;
• Endpoints disponíveis:
  • Listagem de Empresas: /enterprises
  • Detalhamento de Empresas: /enterprises/{id}
  • Filtro de Empresas por nome e tipo: /enterprises?enterprise_types={type}&name={name}
• Gostaríamos que todos os três endpoints disponibilizados fossem utilizados.

Dados para Teste

• Servidor: http://empresas.ioasys.com.br
• Versão da API: v1
• Usuário de Teste: [e-mail]
• Senha de Teste : 12341234

🎨 Telas

Os usuários tem acesso ao aplicativo onde poderão navegar entre 5 páginas.

• Login - Onde o usuário a partir do seu Email e Senha pode ter acesso as páginas do App.
• Home - Que contém a lista completa de empresas e um input onde o usuário pode pesquisar uma empresa específica.
• Favoritos - Que contém a lista de empresas marcadas como favoritas na pagina Home
• Detalhes - A partir da pagina Home ou Favoritos o usuário pode entrar na pagina de detalhes que mostra as informações de uma empresa em específico
• Account - Que contém as informações do usuário logado

🛠 Construído com

O projeto foi desenvolvido com as seguintes tecnologias:

• React
• React Native
• Typescript
• React Navigation - Para trabalhar com rotas
• Axios - Para trabalhar com requisições HTTP
• Styled Components - Para usar a sintaxe do CSS3 ao invés do CSS-in-JS
• ESLint - Organização e padronização de código
• Prettier
• VS Code
• Unform - Biblioteca focada em desempenho que ajuda criar formulários no React com o poder do desempenho dos Uncontrolled components e dos Hooks
• React Native SVG - Bilblioteca para trabalhar com SVG no React Native, exemplo na tela de Favoritos(sem nenhum favorito)
• React Native Vector Icons - Biblioteca para trabalhar com ícones no React Native
• React Number Format - Formatação de Números - alternativa ao intl - Data, Currency etc.
• Yup - Validação de formulários no Front-end feita de maneira simples.

🚀 Como iniciar

# Clone o repositório
$ git clone https://github.com/adlerke/enterprisesioasys

# Acesse a pasta
$ cd enterprisesioasys

# Instale as dependencias
$ yarn

# Inicie o AVD Android ou Emulador iOS
-
# Inicie a aplicação
$ yarn android
#or yarn ios

📝 Entre em contato

With 💙 by Adler Kesley