Somos estudantes do curso de Sistemas e Mídias Digitais da Universidade Federal do Ceará em parceria
do projeto PERC, criamos um aplicativo para ajudar pessoas a estudar sobre problemas cardiorrespiratórios e salvar vidas.
![]() Ívina Lara |
![]() Gabriel Santana |
![]() Thiago Pires |
![]() Francisco Márcio |
![]() Levi Ferreira |
Requisitos Funcionais Fundamentais | Descrição | Codificação | Situação |
---|---|---|---|
RF0001 - Ir para Pesquisa | O usuário pode acessar uma tela exclusiva para pesquisar, através de um botão | código | Feito |
RF0002 - Barra de pesquisa | O usuário pode pesquisar através de palavras chaves ou pelo próprio nome do conteúdo | código | Feito |
RF0003 - Filtrar pesquisa | O usuário pode encontrar o conteúdo através de palavras chaves, transformando a pesquisa mais dinâmica e simples para todos | código | Feito |
RF0004 - Acessar área de visão geral do conteúdo | O usuário pode visualizar um pequeno trecho do conteúdo abaixo do vídeo, tendo a possibilidade de ler mais e se aprofundar no conteúdo | código | Feito |
RF0005 - Assistir vídeos | O usuário pode assistir vídeos didáticos dentro do aplicativo disponilibizados pelo PERC | código | Feito |
RF0006 - Acessar área de questionário | O usuário pode acessar a área de perguntas e respostas(testes) através de um botão na barra de navegação ou após a exibição de um conteúdo | código | Feito |
RF0007 - Responder questionário | O usuário pode responder as perguntas propostas em cada conteúdo e no final consegue verificar a quantidade de acertos | código | Feito |
RF0008 - Acessar conteúdo em texto | O usuário pode assistir ao vídeo do conteúdo mas também pode visualizar textualmente sobre aquele assunto | código | Feito |
RF0009 - Seção de emergência | O usuário pode acessar a seção de emergência através de um botão na barra de navegação | código | Feito |
RF0010 - Visualizar números de emergência | O usuário pode visualizar alguns números importantes em caso de situação de emergência, como o SAMU ou os Bombeiros | código | Feito |
RF0011 - Acessar passos simples de primeiros socorros ilustrados | O usuário pode acessar a área de emergência de cada conteúdo individualmente, contendo um tutorial a ser seguido em cada situação | código | Feito |
RF0012 - Acessar página de “sobre” | O usuário pode acessar a página de sobre para saber mais sobre o PERC ou em relação aos desenvolvedores do aplicativo | código | Feito |
RF0013 - Barra de navegação | O usuário navegar entre as telas com através da barra de navegação inferior | código | Feito |
RF0014 - Ir para Home | O usuário pode ir para página home a partir de qualquer tela | código | Feito |
RF0015 - Carrossel de conteúdos principais/em destaque | O usuário visualiza logo na tela inicial os conteúdos principais através de um carrossel | código | Feito |
RF0016 - Configurações | O usuário pode acessar o menu para acessar a página de configurações, contendo alguns dados mais técnicos do app e dando a possibilidade de ver na loja | código | Feito |
RF0017 - Menu extra com mais opções | O usuário pode acessar um menu extra no canto superior direito, liberando mais três opções de acesso no aplicativo, e também a possibilidade de sair | código | Feito |
RF0018 - FAQ | O usuário pode acessar uma página com perguntas frequentes | código | Feito |
RF0019 - Efeito acordeão na seção de FAQ | O usuário visualiza as perguntas e respostas através de uma interatividade de fechar e abrir a aba do texto | código | Feito |
Link para rodar o projeto no navegador: https://percps.netlify.app
Clone o projeto e acesse a pasta.
$ git clone https://github.com/MarcioJnr/Perc-App-PWA
$ cd Perc-App-PWA
Para iniciá-lo, siga os passos abaixo:
# Instalar as dependências com npm
$ npm install
# Iniciar o projeto com npm
$ npm start