https://github.com/mayromyller/teste-pl-react-native
Teste desenvolvedor React Native Pleno - Guató Digital
https://github.com/mayromyller/teste-pl-react-native
expo react-native typescript
Last synced: about 1 month ago
JSON representation
Teste desenvolvedor React Native Pleno - Guató Digital
- Host: GitHub
- URL: https://github.com/mayromyller/teste-pl-react-native
- Owner: mayromyller
- Created: 2024-07-11T00:58:23.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-15T15:09:45.000Z (almost 2 years ago)
- Last Synced: 2025-03-27T21:16:24.730Z (about 1 year ago)
- Topics: expo, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 1.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Teste Prático (Vaga Mobile PL 1) – Guató Digital
Projeto React Native, desenvolvido com framework Expo, para teste prático para vaga de mobile de PL Guató Digital.
## Pré-requisitos
Antes de começar, você precisa ter instalado em sua máquina:
- Node.js (versão 18.x)
- Ambiente de desenvolvimento [React Native](https://react-native.rocketseat.dev/)
## Instalação
Siga os passos abaixo para instalar e configurar o projeto em sua máquina local.
1. **Clone o repositório**
```bash
git clone https://github.com/mayromyller/teste-pl-react-native.git
```
2. **Navegue até o diretório do projeto**
```bash
cd teste-pl-react-native
```
3. **Instale as dependências**
```bash
npm install
```
ou, caso utilize `yarn`:
```bash
yarn install
```
## Executando o Projeto
Para iniciar o servidor local, execute o seguinte comando:
```bash
yarn start
```
Utilizando aplicativo [Expo Go](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR), escaneie o QRCode para executar o projeto.
## Uso
Demonstração de uso do aplicativo:
https://github.com/user-attachments/assets/8ec12c64-c8fb-4f28-9e0d-c3169f4ba1e7
## Tecnologias
Dentre as tecnologias utilizadas, destaco:
- Typescript
- Styled Components
- React Native
- Expo
- React Navigation
- Axios
## Detalhes
A aplicação está integrada à API pública do Random User Generator, disponível em [https://randomuser.me/](https://randomuser.me/). As requisições são realizadas utilizando a biblioteca [Axios](https://github.com/axios/axios). Ao abrir a aplicação, são carregados automaticamente os detalhes do usuário, como endereço. Ao abrir o menu lateral (Drawer), é possível visualizar a imagem do usuário, que também é carregada via API. Clicando na imagem, é possível acessar os detalhes completos do perfil do usuário.
Na tela de perfil, são exibidas informações como nome, data de nascimento, endereço, telefone e email. Como a API do Random User gera dados aleatórios a cada solicitação, é possível visualizar diferentes perfis ao navegar pelo aplicativo, proporcionando uma experiência dinâmica e variada.
## Contato
- [Linkedin - Mayro Myller](https://www.linkedin.com/in/mayromyller/)
- Email: mayro.mmdev@gmail.com