Início Profile Projeto
Avatar de

Christian Eduardo Silva de Oliveira

AluraBooks

  • HTML
  • CSS

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

screencapture-127-0-0-1-5500-books-page-html-2023-05-07-17_07_13

screencapture-127-0-0-1-5500-cadastro-html-2023-05-07-17_08_21