AluraBooks
AluraBooks
Este é um projeto de plataforma de livros responsiva para desktop, tablet e celular, desenvolvido em HTML, CSS e JavaScript durante diversos cursos da Alura.
Como utilizar
Para executar o projeto, basta baixar os arquivos e abrir o arquivo index.html em seu navegador. Você também pode acessar o projeto clicando aqui
Funcionalidades
A plataforma AluraBooks foi desenvolvida com técnicas de design responsivo para que possa ser acessada de forma adequada em diferentes dispositivos, como desktops, tablets e celulares.
Página de livros
A plataforma Alurabooks agora conta com uma página de livros que permite ao usuário acessar uma grande variedade de livros e visualizar os seus valores.
Além disso, o usuário pode filtrar a lista de livros de acordo com seu preço, quantidade e disponibilidade. Isso torna a busca por um livro específico muito mais rápida e eficiente.
A API JSON foi utilizada para incrementar a página, o que possibilita a exibição uma quantidade maior de livros sem precisar reescrever o código HTML diversas vezes.
Cadastro
O projeto agora possui uma tela de cadastro com a funcionalidade de busca de endereço a partir do CEP informado pelo usuário.
Caso o usuário informe um CEP válido, a função buscaEndereco é acionada e realiza uma consulta na API pública ViaCEP para obter o endereço completo correspondente ao CEP informado. Em seguida, a função preenche automaticamente os campos de logradouro, bairro, cidade e estado do formulário com os dados obtidos da API.
Se o usuário informar um CEP inválido, a função buscaEndereco exibe uma mensagem de erro na tela, informando ao usuário que o CEP informado é inválido e pedindo que ele tente novamente com um CEP válido.
Para utilizar a funcionalidade de busca de endereço, basta clicar na sacola ou no perfil para abrir a tela de cadastro, preencher o campo CEP do formulário e clicar fora do campo. O resultado da busca será exibido automaticamente nos campos correspondentes do formulário.
Vitrine.Dev
🪧 Vitrine.Dev | Christian Oliveira |
---|---|
✨ Nome | AluraBooks |
🏷️ Tecnologias | HTML, CSS |
🚀 URL | Link AluraBooks |
🔥 Desafio | Desafio Figma |