practice-uffs/app-practice-react-native

Aplicativo móvel do programa que permite que usuários usufruam das tecnologias do PRACTICE

app-practice-react-native's Issues

Atualizar o seletor de campus como componente

O objetivo dessa issue é desenvolver o compomente de seleção de campus para ser utilizado em outras telas também, como na de login e na do perfil.

Criar tela da Aura

Adicionar o widget da aura na tab correspondente no aplicativo. Se a rota não estiver disponível colocar algum aviso e criar algum botão ou algum método pra atualizar e tentar conectar-se com o widget novamente.

Implementar tela de serviços do Practice

Podemos seguir a mesma linha do app em F7, com as abinhas mostrando a situação dos serviços, etc.

Criar aba env

Podemos criar estaticamente agora no início, e depois adicionar o que temos a partir da api (calendário acadêmico e RU).

Aba de configurações

• opção de limpar o armazenamento salvo
• opção de receber notificação
• opção de modo desenvolvedor (pra quem tem o ADMIN na conta do practice)
  • no modo desenvolvedor, poder mudar a api de produção para api de desenvolvimento.

Validação nos inputs de login e mostrar erros na tela de login

O objetivo dessa tarefa é fazer um pré validator que verifica as condições do idUFFS e da senha antes de realizar um requisição, como por exemplo a quantidade de letras com o mínimo 3 no id e talvez algo parecido pra senha. Além disso, é necessário capturar o erro (quando ocorre) depois de uma requisição e mostrá-lo na tela de login.

A ideia é algo parecido com isso para a validação dos inputs:

Ajustar elementos visuais dos serviços na página inicial do app

O objetivo dessa issue é seguir o padrão visual do app desenhado no figma e ficar fiel ao conteúdo do app que ja está rodando em framework7

Resolver problemas de dependências

O objetivo desta issue é resolver os problemas de dependências presentes no projeto.

Atualizar página de scan conforme figma

Essa é a nova intenção de design:

Fazer Back para upload de arquivos

O objetivo desta issue é permiter o upload de arquivos pelo usuário dentro do aplicativo, isso para pegar as informações de horários de aula para implementar esse componente dentro do app.

Atualizar rota de serviços tal como o design do Figma

O objetivo desta issue é desenvolver o front-end da página inicial

Criar tela de comentários dos serviços

A ideia dessa issue é criar a tela de comentários dos serviços assim como no aplicativo Practice antigo.

A tela possibilita ver os detalhes do serviço, as interações e também realizar comentários:

Criar a rota para tela de Perfil, bem como adicionar o calendario acadêmico

O objetivo desta issue é desenvolver a rota para o perfil do usuário, adicinando ela à tabbar e criar a primeira parte do perfil, das informações gerais e do calendário acadêmico, assim como a foto abaixo.

Implementar fcm notification

A ideia é integrar as notificações que já eram utilizadas no app.

Acredito que esse link possa ajudar.

Atualizar tela de login com novo layout

Como deverá ficar a tela:

Atualizar tela inicial com base no novo layout

Exemplo de como deverá ficar a tela:

Página inicial

Criar página inicial para o aplicativo, dá para se basear no aplicativo em F7.

Adicionar informações da Biblioteca

O objetivo é adicionar essas informação de alguma maneira na aba de funcionalidades do App.

Acredito que possa conter horários de funcionamento da biblioteca, links importantes e outra coisa que achar relevante.

Criação da página que abre ao selecionar um serviço

O objetivo dessa issue é criar uma tela nova onde mostre o serviço selecionado, baseado no app existente em framework7

Ajustar responsividade de elementos visuais da página de bem-vindos e login

O objetivo dessa issue é ajustar os elesmentes de ondas, e de montanhas, presentes nestas duas páginas, para melhor se adaptarem nas diferentes dimensões de smartphones e tablets. A intenção é que fique assim:

Criar o Wireframing das telas do app

O objetivo dessa Issue é desenvolver um wireframing, ou seja um protótipo do design de interface do aplicativo, a fim de reconhecer a experiência que o usuário terá quando estiver utilizando este software, assim também conseguiremos montar um Design UX e UI para o app de forma mais efetiva.

Alterações no figma

Será feito uma atualização no app com a seguinte funcionalidade: criar eventos, gerar qrcode para inscrição e presença, funcionalidade de inscrever-se e marcar presença em um evento.

-Criar telas para listagem de eventos (com a listagem de eventos que a pessoa criou, e botões para se criar, inscrever ou marcar presença em algum evento)
-Tela de criação do evento (nome, local, campus, horario, descrição, foto )
-Tela de visualização do evento
-Tela de listagem de inscritos (botão exportar)
-Tela de listagem de presenças (botão exportar)
-Avaliações do evento (foto, nome, comentário, avaliação)

Mensagem de retorno no login

Não está aparecendo uma mensagem de retorno pro usuário caso o usuário ou a senha sejam incorretos.

Adicionar Widget de Calendário Acadêmico

O objetivo da issue é implementar o calendário acadêmico na aba de funcionalidades do app.

Pode ser feito como no app em F7, provavelmente exista algum plugin que utiliza calendário no react native que pode facilitar a implementação.

Lembrando que as informações do calendário acadêmico estarão no banco de dados da API, podendo ser acessados por rotas.

Continuidade do Design do App no Figma

O objetivo desta issue é completar o Deisgn do aplicativo no figma, a partir da criação das seguintes telas:

• Login Page
• Início
• QR Code
• Aura
• Perfil

Segue o projeto: https://www.figma.com/file/5yLrDoc4dDUc1b3uE94Zqd/Practice-UFFS-App-in-React?node-id=0%3A1

Criar tela de login

Criar tela de login que realiza a autenticação com o IdUFFS, já itegrando com a API do PRACTICE.

Refactor do app, utilizando apenas JavaScript

Criando essa issue para simplificar o uso do app, refatorando ele para utilizar apenas JavaScript, daí utilizarei esta branch para isso.

Também organizando as paste seguindo o template:

ps: um amigo meu me passou esse template

Adicionar informações de Horário de Ônibus

O objetivo dessa issue é adicionar horários de ônibus que vão para a UFFS na aba de funcionalidades.

Acredito que possa ser seguido na mesma ideia do App em F7.

Atualizar backend do carrousel de noticias da página de Serviços

O objetivo desta issue é otimizar o aplicativo, já que hoje sempre que usuário entra na página de serviços, as notícias são buscadas no site do PRACTICE. A ideia é fazer com que esta busca aconteça sempre que o usuário entrar no aplicativo, evitando uma sobrecarga de informação, dessa forma, para salvar as notícias no Storage e depois utilizar elas nos componentes necessários.

Funções de QR Code

Implementar as funções de leitura baseado no que já existia no app em F7

Implementar cards de notícias

Implementar os cards a partir do feed.xml que era capturado no app em F7.

adicionar efeito expanded no card das notícias

Criar efeito ao clicar no card, que deverá expandir ocupando a tela toda, exibindo o conteúdo da notícia abaixo do título.

Limite de tentativas de login

O objetivo dessa tarefa é implementar o limite de tentantivas de login e criar aquele contador após uma certa quantidade de tentativas. Pode ser baseado na implementação já feita em F7, utilizando o storage pra guardar o número de tentativas.

Verificar endpoint api calendário acadêmico

Verificar o que está documentado aqui para utilizar no app:

practice-uffs/api#84

Remover montanhas do login em páginas telas pequenas

Chegamos num ponto que mesmo corrigindo a responsividade da tela não tem como deixar as montanhas exibindo em telas muito pequenas:

A ideia vai ser remover as montanhas caso a altura da tela em px for menor que 1380px

Teste da lib em node: sigaa-api

Disponível em: https://github.com/GeovaneSchmitz/sigaa-api

Tarefa: criar uma api em node, configurar a lib na api para acessar os dados do sigaa da uffs pelo host: https://sigaa.uffs.edu.br/ e criar um script para acessar algumas das informações:

• Listar suas turmas
• Ver suas faltas e notas
• Alterar a sua senha
• Ver a sua foto de perfil, de seus colegas e seus professores
• Ver os membros da turmas
• Procurar por docentes pelo nome ou pelo campus
• Baixar todos os arquivos disponibilizado pelos seus professores
• Ver as noticias publicadas nas turmas
• Ver os planos de ensinos, atendimento, referências bibliográficas, etc

Atualizar a tela de Login

O objetivo desta issue é atualizar a tela de Login de acordo com o design do Figma

Atualizar a TabBar para novo layout

O objetivo desta issue é colocar em funcionamento, no app em React, a TabBar de navegação entre as telas desenvolvida no Figma.

Como deverá ser a nova TabBar:

Adicionar README no projeto

O objetivo da issue é deixar documentado as necessidades do projeto, como utilizar e peculiaridades, com o intuito de facilitar o entendimento dos futuros membros e pessoas de fora acerca do proejto.

Criar opção de selecionar Campus pelo usuário

Essa opção pode ser em alguma aba de configuração ou algo parecido.

A ideia é utilizar essa informação para os itens do enviroment como cardápio do RU, Calendário Acadêmico, etc.

Podemos inicialmente só manter essa informação no storage do aparelho, mas pode ser útil adicionar essa informação na API futuramente.