Design Plataforma Web

Ideia geral

conectar alunos que tenham interesse em aulas particulares a professores especialistas em algum assunto de concurso.

REQUISITOS

Toda tela que tiver algum carregamento de lista deve ser apresentado um exemplo da mesma em loading e caso algum erro ocorra apresentar uma mensagem de erro na tela.

Toda tela deve ser entregue sua versão desktop e responsiva.

APLICAÇÃO usuário

módulo 01: autenticação

1.    Login
1.1.    Campos = e-mail, senha
2.    Cadastro
2.1.    Campos = nome, e-mail, senha
3.    Recuperar senha (pode ser modal)
3.1.    Campos = e-mail

    Módulo 02: Menu Professores
1.    Listar professores = foto, nome, matérias, opção de favorita e avalição media 
2.    Filtro =  filtrado por matérias, assunto das matérias, avaliação, sexo

    Módulo 03: Detalhes do Professor
1.    Ao clicar em um professor exibir perfil dele com principais informações como nome, avaliação, foto, biografia
1.1.    Agenda com a agenda do professor naquela semana e os dias/horários disponíveis e opção de agendar aula
1.2.    Avaliações com os comentários de outros alunos para aquele professor
1.3.    Informações, informar o perfil completo com biografia total, matérias, assuntos e os restantes dos dados
1.4.    Modal sem saldo para agendar a aula e botão para encaminhar para tela de planos
1.5.    Modal dado sobre a aula, ao clicar em agendar e ter saldo, pergunta se o aluno tem alguma observação sobre a aula e qual assunto ele quer estudar com base nas matérias já cadastradas pelo professor no perfil dele.

Módulo 04: Menu agenda:
1.    Mostrar Lista / calendário com as aulas que aquele aluno tema agendada, com horário professor, assunto e data, com opção de cancelar a aula
2.    Mostrar Lista de aulas já realizadas pelo aluno com opção de avaliar aula, com data professor, assunto horário...

Módulo 05: Menu Professores favoritos
1.    Listar professores favoritos com opção para ver o perfil (Fluxo 03) do mesmo e também remover dos favoritos
    
Módulo 06: Perfil
1.    Mostrar dados do usuário permitindo altera a foto nome, telefone
2.    Ver plano ativo e quantas aulas restantes aquele usuário tem

    Módulo 07: Planos
1.    Listar planos de aulas com valor, descrição e quantidade de aulas que aquele plano possibilita
2.    Checkout transparente ao usuário clicar no botão comprar pedir método de pagamento cartão ou pix.
3.    Cartão pedir dados do cartão e mostrar modal de compra realizada com sucesso ou falha
4.    Pix mostrar qrcode e opção de copiar código gerado
    

APLICAÇÃO PROFESSOR
Módulo 01: Autenticação
1.    Login
1.1.    Campos = e-mail, senha
2.    Cadastro
2.1.    Campos = nome, e-mail, senha
3.    Recuperar senha
3.1.    Campos e-mail


    Módulo 02: Menu Agenda
1.    Mostrar calendário/lista com os dias da semana e possibilitar o professor escolher qual dia e horário ele pode da aula, quando ele clicar em algum horário avisar por meio de um modal para completar o perfil e da a opção de ir para tela do perfil
2.    Mostrar aulas agendadas com dia horário e matéria, ao clicar na aula exibir modal com informações sobre usuário foto, nome, se ele colocou alguma observação e opção de cancelar a aula

    Módulo 03: Menu Histórico 
1.    Mostrar todas aulas realizadas com informações sobre o aluno e sobre a aula horário...

    Módulo 04: Menu perfil
1.    Exibir campos para o professor editar seu perfil como capa, nome, foto, telefone, biografia, matérias, assuntos das matérias
2.    Avaliações dos alunos com comentários
3.    Opção de encerra conta
4.    Dados bancários como conta, banco etc. Para recebimento dos valores

    Módulo 05: Menu Dashboard
1.    Mostrar gráficos de quanto ele tem em dinheiro 
2.    Mostrar gráficos de estimativa para receber na semana
3.    Mostrar gráficos de quantas aulas foram realizadas por dia da semana
4.    Mostrar gráficos de quantas aulas foram realizadas por horário
5.    Mostrar gráficos das matérias/assuntos mais pedidos no agendamento