Sobre • rocketHelp • Instalação • Tecnologias • Autor
Aplicação desenvolvida durante o evento Ignite Lab 03 de React Native da RocketSeat.
O RocketHelp é uma aplicação móvel para realizar solicitações de atendimento para times de suporte. Para logar na aplicação o usuário deve cadastrar um e-mail e senha para realizar o login dentro do app. O login é feito na tela abaixo utilizando os dados cadastrados:
Após realizar o login, o usuário é direcionado para a tela inicial da aplicação onde as solicitações já cadastradas serão exibidas. Dentro do app as solicitações podem possuir dois status: Em andamento e Finalizadas. E para alterar entra a lista de cada um dos status temos uma seleção no inicio da tela aonde o usuário pode alternar entre as listas por status e também visualizar quantas solicitações estão naquele status.
As tabelas abaixo mostram as duas listas citadas e o detalhe de uma solicitação para cada um dos status possíveis:
| Lista vazia | Lista com item | Detalhe da solicitação |
|---|---|---|
| Lista vazia | Lista com item | Detalhe da solicitação |
|---|---|---|
Podemos perceber que ao clicar em uma solicitação Em andamento, teremos um campo de texto para adicionar a solução do caso. Ao preencher esse campo e clicar no botão presente no final da tela, iremos adicionar essa solução na descrição do chamado e finaliza-lo. A descrição será exibida em um card dentro dos detalhes de uma solicitação já finalizada, como ilustrado na terceira imagem da segunda tabela.
No final da tela principal temos um botão para cadastrar uma nova solicitação, conforme exemplo abaixo, basta clicar sobre ele e informar os dados solicitados no formulário para que a solicitação seja cadastrada e fique na fila até que seja solucionada:
Basicamente esse é o fluxo da aplicação, tendo como funcionalidade o cadastro, listagem e tratamento de solicitações numa especie de help desk centralizada em um aplicativo móvel.
Abaixo deixo um GIF aonde navegamos por todas as telas do aplicativo afim de exemplificar o fluxo completo:
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode.
# Clone este repositório
$ git clone [email protected]:MrRioja/rocketHelp.git
# Acesse a pasta do projeto no terminal/cmd
$ cd rocketHelp
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação
$ expo start
# Será aberto no terminal o menu do Expo onde poderá scanear o QR Code para executar o app diretamente no seu celular ou as opções de executar no emulador android ou iOS