Projeto Site AluraBooks

Este site foi desenvolvido no curso da alura sobre HTML e CSS dando prioridade ao dispositivo mobile (mobile first).

Tecnologias

• HTML
• CSS
• Java Script

Consumo de API

Este site possui uma pagina de cadastro, onde o cliente ao cadastrar seu CEP, a API Via Cep é usada para fazer o prenchimento automatico da Rua, Bairro, Cidade e Estado.

https://viacep.com.br/

Acessando o site

https://brunorivolta.github.io/SiteAluraBooks/

Responsividade

O site foi desenvolvido para atender diversos tipos de dispositivo além do mobile. O site se adapta a cada resolução e itens são modificados para melhor visualização.

Resoluções

• < 1024 - Celular, tablet.
• 1024px - Computador desktop, tablet.
• 1728px - Televisores.

Aprendizado

• Carrossel Swiper.    
• Menu Hambúrguer usando apenas CSS.  
• Cards e Listas usando flex box.
• Seguir design do Figma.
• Json
• Mobile First
• Consumo de API
• Fetch
• Metodos de Array:
  forEach, Map, Filter, Reduce, Sort ...

Design

Link para o Figma.

https://www.figma.com/file/sSMbIqKaGBd66Y8roxTk2p/AluraBooks?node-id=37%3A94

Contato