Buscamos ampliar o acesso à educação do país, derrubando barreiras financeiras e tecnológicas. Mais que atender um mercado, no Pravaler a gente persegue um ideal: “Tornar a educação acessível para quem quer transformar a própria história, transformar sua comunidade, o seu país e o mundo”. Aqui, nosso sonho é tão grande quanto o seu, seja você aluno ou Instituição de Ensino. Nos esforçamos para entender os desafios de quem tem a educação como valor e sabe como ela pode transformar vidas. É pra essas pessoas que trabalhamos e ajudamos a construir caminhos para quem quer vencer. A gente acredita que a educação tem que ser pra todo mundo e não medimos esforços para que isso seja uma realidade! Nosso desafio é construir uma aplicação web que permita ao aluno obter informações sobre nossas ofertas (cursos), possibilitar que ele compare e escolha um curso de graduação. Vamos fornecer os seguintes dados: IES (Instituição de Ensino Superior), Cursos, Campus. Assim vamos facilitar o trabalho do back-end e você pode focar em um front-end bem bacana!!!
- Utilização React.
- Passa pelo linter (npm run pretest)
- Inclui uma definição de produto clara e informativa no README.md.
- Inclui histórias de usuário no README.md.
- Inclui rascunho da solução (protótipo de baixa e alta fidelidade) no README.md.
- UI: Mostra uma tabela com dados e/ou indicadores.
- UI: Permite ordenar dados por um ou mais campos (asc e desc).
- UI: Permite filtrar dados com base em uma condição.
- Tela inicial - Informações do produto A página inicial da aplicação deve ser um convite ao aluno para conhecer mais sobre o Pravaler, saber como funciona o crédito, o que ele precisa fazer para contratá-lo, apresentar o comparador de cursos e encorajá-lo a usar. Você pode usar como exemplo a página inicial do nosso site (www.pravaler.com.br), com informações do Pravaler.
a. Comparador de cursos Dentro das opções de curso oferecidas ao aluno, ele deve escolher três opções. Ao escolher, deve ser mostrado a ele um comparativo com as informações sobre estes cursos. As informações devem ser consultadas a partir dos arquivos json disponibilizados com os dados que devem ser utilizados para a comparação. São eles:
- Nome do curso *Nome da faculdade (IES)
- Descrição do curso
- Quantidade de semestres
- Mensalidade
- Nota do mec
- Faixa salarial
- Cidade / UF
- Comentários
Nesta tela, deve ser possível refazer a escolha das opções (limpar selecionados anteriormente e escolher novos).
b. Página dos dados pessoais Ao clicar no botão “quero este”, o aluno deve ser direcionado para uma página de contato, onde conterá infomações do curso selecionado e um formulário para o preenchimento dos dados pessoais: nome, email, telefone, endereço.
O complemento do seu desafio será fazer com que quando um aluno clicar no botão “quero esse” direcione ele para uma página de cadastro e crie um mecanismo para armazenar os dados pessoais.
Nesta interface, aplicamos o posicionamento de cada elemento, pigmentamos com a palheta de cores escolhida, desenhamos com alto grau de detalhamento, apresentamos visualmente a funcionalidade e reproduzimos fielmente o produto final em termos de design.
