Navedex

Aplicativo para gerenciamento dos navers.

Figma do Projet: Telas do App

Tecnologia e Linguagens

• Typescript
• React Native
• Expo
• NPM

Api de dados

Api disponibilizado pela empresa nave.rs, com rotas autenticadas.

Bibliotecas utilizadas

• @expo-google-fonts/montserrat 0.1.0
• @react-navigation/drawer 5.9.0
• @react-navigation/native 5.7.3
• @react-navigation/stack 5.9.0
• styled-components 5.1.1
• axios 0.19.2
• date-fns 2.15.0
• react-native-modal 11.5.6
• react-native-svg-uri 1.2.3

Run Project

Clonar projeto e ter instalado na sua máquina as seguintes ferramentas:

• ReactJS v16.11.0
• React Native Expo SDK 38.0.2
• Expo 38.0.8

Após clonado o projeto e instalado as ferramentas rode o seguinte comando na pasta do projeto

npm run android ou npm run ios

Usuário para acesso na tela de login:

[email protected] nave1234

Dificuldades e aprendizados no desenvolvimento

• Pela primeira vez fiz o uso da API com autenticação por token de acesso as rotas, demorei um pouco para entender como configurar e abrir no postman.
• Enviar os dados no formato raw para a API, aprendi a fazer uso da função JSON.stringify
• Aprendi e melhorei a utilização da ContextAPI do ReactJS.
• Utilizei pela primeira vez a biblioteca styled-components
• Projeto completo.