https://github.com/vitorserrano/naveteam-mobile-challange

🚀 Desafio de recrutamento mobile da @Naveteam
https://github.com/vitorserrano/naveteam-mobile-challange

axios formik react-native react-navigation styled-components typescript yup

Last synced: 9 days ago
JSON representation

🚀 Desafio de recrutamento mobile da @Naveteam

• Host: GitHub
• URL: https://github.com/vitorserrano/naveteam-mobile-challange
• Owner: vitorserrano
• Created: 2021-01-05T22:08:22.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-01-12T21:49:32.000Z (almost 4 years ago)
• Last Synced: 2024-11-08T08:46:59.399Z (2 months ago)
• Topics: axios, formik, react-native, react-navigation, styled-components, typescript, yup
• Language: TypeScript
• Homepage: https://github.com/naveteam/react-native-challenge
• Size: 8.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    



## Índice

- [Sobre](#sobre)

- [Tecnologias Utilizadas](#tecnologias-utilizadas)

- [Layout](#layout)

- [Funcionalidades](#funcionalidades)

- [Resultado](#resultado)

- [Pré-requisitos](#pre-requisitos)

- [Como Usar](#como-usar)

- [Observaões](#observacoes)



## :bookmark: Sobre

Este repositório é o resultado para o **desafio de recrutamento mobile** da [Nave.rs](https://github.com/Naveteam)



## :rocket: Tecnologias Utilizadas

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [Typescript](https://www.typescriptlang.org/)

- [React Native](https://reactnative.dev/)

- [React Navigation](https://reactnavigation.org/)

- [Styled Components](https://styled-components.com/)

- [Axios](https://github.com/axios/axios)

- [Formik](https://formik.org/)

- [Yup](https://www.npmjs.com/package/yup)



## 💅 Layout

O layout proposto para o desafio está disponível no [Figma](https://www.figma.com/file/MIh7DeADz8M3mmcQwpcFdD/Teste-Mobile?node-id=1253%3A0)

## 🗂️ Funcionalidades

- [x] Fluxo de autenticação (Login/Logout)

- [x] Listagem de Navers

- [x] Criação de um Naver

- [x] Visualização de um Naver

- [x] Edição de um Naver

- [x] Remoção de um Naver

## 📷 Screens



  

  

  

  

  

  

  

  

  

  



## :fire: Pré-requisitos

Para rodar este projeto é necessário ter instalado na sua máquina as seguntes tecnologias:

- [Node.js](https://nodejs.org/en/)

- [Yarn](https://yarnpkg.com/)



## :zap: Como usar

1. Faça um clone desse repositório: `git clone https://github.com/vitorserrano/naveteam-mobile-challange.git`

2. Instale as dependências: `yarn`

3. Startar a aplicação: `yarn start`

4. Rode o aplicativo: `yarn android`

## 📝 Observações

- Foi utilizado `Context` para fazer o fluxo de **autenticação do aplicativo**. Por conta disso, há algumas ações como:

  - Ao fazer o login no app, o usuário ficará logado até fazer o logout, mesmo reiniciando o mesmo. Isso foi feito para simular um fluxo de app real.

  - Levando isso em consideração, também adicionei uma configuração para que após o usuário logar, o token seja definido no header de todas as requisições do app.

- Foi adicionado Scroll para as telas de Detalhes e de Create/Update de um Naver para seguir fielmente o layout proposto.

- As primeiras requisições de algumas rotas demoram um pouco mais do que o normal, creio que seja por conta da API estar hospedada no **Heroku**.



    Feito com 💜 by Vitor Serrano