Gkanawati / Teste-Vaga-Landing-Page

💻👔 Teste de Vaga de Emprego Landing Page. Esse projeto foi construído como simulação de um teste real de vaga de emprego. A ideia era seguir o mockup(design) disponibilizado, fazer validação de formulários e conectar com uma API externa de produtos.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

💻👔 Teste de Vaga de Emprego Landing Page

🚀 Sobre o projeto

Esse projeto foi construído como simulação de um teste real de vaga de emprego.

A ideia era seguir o mockup(design) disponibilizado, fazer validação de formulários e conectar com uma API externa de produtos.

o maior desafio pessoal no projeto foi realizar a consulta da API de forma paginada, de forma que, ao clicar no botão, uma nova requisição é feita e os próximos produtos são adicionados.

Algumas funcionalidades adicionais foram implementadas a fim de melhorar a experiência do usuário, como Efeito de loading ao clicar para carregar mais produtos, validação de email e cpf nos campos de formulário e também um Scroll suave ao clicar nos botões so topo para direcionar às seções, feito com Js puro. 🚀🧑‍🚀

💡 Tecnologias usadas:

  • HTML
  • CSS
  • Javascript Puro (vanilla)

🔗 Link do Projeto:

https://gkanawati.github.io/Teste-Vaga-Landing-Page/

💻 Telas

📱 Mobile

About

💻👔 Teste de Vaga de Emprego Landing Page. Esse projeto foi construído como simulação de um teste real de vaga de emprego. A ideia era seguir o mockup(design) disponibilizado, fazer validação de formulários e conectar com uma API externa de produtos.


Languages

Language:SCSS 32.5%Language:JavaScript 24.2%Language:CSS 23.7%Language:HTML 19.7%