/controle-de-viaturas

App desenvolvido para o 1º SGBM/Ind (1º Subgrupamento de Bombeiros Militar Independente) do município de Aquidauana - MS. Seu objetivo é inspecionar e gerar relatórios diários e mensais sobre as viaturas de combate ao incêndio.

Primary LanguageJavaScript

controle-de-viaturas

Motivação

Este app foi desenvolvido para o 1º Subgrupamento de Bombeiros Militar Independente (1º SGBM/Ind) do município de Aquidauana - MS. Seu objetivo é inspecionar e gerar relatórios diários e mensais sobre as viaturas de combate ao incêndio, armazenando informações como prefixo, tipo de viatura (trem de S.O.S ou pátio), distância marcada pelo odômetro, nível de combustível e observações facultativas.

Para geração dos arquivos PDF e disponibilização dos mesmos, foi utilizada a dependência @react-pdf/renderer, a qual os gera utilizando a mesma sintaxe de código da biblioteca React Native e os disponibiliza para download. Os arquivos baixados são enviados para a pasta selecionada como padrão pelo navegador do usuário.

Este app foi desenvolvido como um PWA. Em suma, uma Aplicação Web Progressiva (do inglês Progressive Web App – PWA) é um app web que, quando utilizado em dispositivo móvel como um smartphone, por exemplo, se comporta como um app nativo da plataforma do dispositivo - Android ou iOS, por exemplo. Por sua vez, quando visualizado em um dispositivo desktop, como um computador pessoal, por exemplo, se comporta como um web site. As vantagens de se implementar o app com esta abordagem é o baixo custo de implementação, associado a todos os benefícios que um app para dispositivos móveis oferece ao usuário (PONTES, 2018). Além disso, o acesso ao app é protegido por meio de autenticação com login e senha. Assim, o acesso é restrito aos bombeiros militares do 1º SGBM/Ind, por meio da supervisão dos stakeholders.

Tecnologias

Artefato Tecnologia
Protótipo visual Figma
Biblioteca de interface de usuário React
API RESTful Express
Hospedagem do PWA Firebase
Hospedagem da API Heroku
Banco de dados MongoDB Atlas
Exportação dos relatórios @react-pdf/renderer

Galeria do protótipo visual

Boas-vindas Login Cadastro Pendente Tipos de viatura Formulário das viaturas Filtro do nível de combustível Modal de adicionar uma viatura Edição de uma viatura Modal de editar o nível de combustível Modal de editar o tipo de viatura Modal de deletar uma viatura Edição das credenciais Histórico sem registros Registro listado minimizado Registro listado maximizado Sem solicitações Solicitação listada Modal de aprovar um usuário Sem militares Usuário listado Administrador listado Modal de editar as permissões de um usuário Modal de editar as permissões de um administrador Menu lateral com solicitações pendentes

Os créditos pelas mídias utilizadas estão disponíveis aqui.