Funcionalidades • Detalhes da aplicação • Instalando • Erros • API de teste • Tecnologias • Autor
- Busca por: Cursos, Cidade e Preço.
- Ordenar por: score, graduação, maior ou menor valor e alfabeticamente.
- Visualizar detalhes no modal.
- Rotas para troca de API.
O Cota Cusos apresenta informações de cursos contidas na API https://testapi.io/api/Jonas-buriti/scholarships, inseridas dinamicamente através de manipulação de DOM.
A aplicação se encontra hospedada na Heroku e pode ser acessada em https://cota-cursos.herokuapp.com.
A informações foram paginadas, com JavaScript, exibindo 10 cursos por vez. Ainda com o JavaScript Vanilla, foram feitas as regras de validação nos inputs de busca, apresentações de erros, assim como máscara de número e troca da ordem dos cursos.
Para agilizar o desenvolvimento, Bootstrap foi um recurso utilizado para configurações de responsividade e posicionamento dos elementos da página. As folhas de estilo garanharam organização e legibilidade com o pré-processamento do Sass.
# Clonar o repositório
$ git clone https://github.com/GugaAraujo/Cota-Cursos
# Entrar no diretório
$ cd Cota-Cursos
# Instalar as dependências
$ npm install
# Iniciar o projeto
$ node app
É importante lembrar que na API original constam alguns links publicados em protocolo HTTP, passíveis de bloqueios por parte dos navegadores. Há um título que descreve a logo da universidade, auxiliando a quem possa ter dificuldades de enxergar, que podem ser exibidos nos casos de bloqueio da imagem.
Se ao acaso a API não estiver disponível, uma mensagem de erro surgirá por alguns instantes ao usuário, indicando a falha. Também há avisos indicando quando os inputs de busca não podem receber um caracter contra indicado para a busca em questão.
É possível voltar a consumir a API anterior pela rota https://cota-cursos.herokuapp.com/api/padrao.
Caso haja alguma nova API hospedada na testapi.io com objetos de propriedades semelhantes, pode-se consumir a nova API informando o Usuário e o Nome da API pela url da seguinte maneira:
# https://cota-cursos.herokuapp.com/api/USUARIO/NOME_DA_API
Por exemplo: https://cota-cursos.herokuapp.com/api/Jonas-buriti/scholarships
Ao informar Usuário e Nome da API, os parâmetros serão reorganizados em um novo link que será enviado pela rota "/api/" para consumo no front-end.
 Gustavo Araújo Desenvolvedor Fullstack 💻 |
Desenvolvedor Fullstack com mais de 3 anos de experiência com aplicações Web. Trabalho principalmente com Node.js, Vue.js, banco de dados relacional e não-relacional (PostgreSQL, MySQL e MongoDB). Tenho experiência na construção de sistemas web, desde o início do projeto, manutenção e deploy da aplicação. Experiência com times remotos e ágeis. |