Skip to content

Clone do website AluraBooks, com abordagem mobile first e seguindo fielmente o protótipo feito no Figma.

Notifications You must be signed in to change notification settings

rubens-fs/alurabooks-mobile-first

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

README.md

📌 Introdução

Este projeto é um clone do website AluraBooks, desenvolvido através do curso de front-end pela plataforma Alura, baseado em prototipagem feita no Figma, e seguindo a abordagem mobile first.

👨‍💻 Sobre a interface

A interface foi construída utilizando as tecnologias HTML, CSS e JavaScript. Foi utilizado o Swiper JS para implementação de carrosséis de imagens.

A partir do protótipo disponibilizado no Figma, com enfoque em mobile first, foram utilizadas media queries para a construção do layout responsivo, garantindo que o website se adapte em diferentes tamanhos de tela.

Foram feitas correções de bugs (tais como problemas de compatibilidade com o navegador Firefox, por exemplo) e algumas personalizações mais pontuais para uma maior fidelidade da interface, sempre respeitando o modelo apresentando no Figma.

💻 Midia

Interface em 428px, 1024px e 1728px, respectivamente com suas ampliações.

home-page

❤️ Espero que goste!

Este projeto foi bastante extenso e desafiador, e me proporcionou um grande aprendizado. Trabalhar com a abordagem mobile first exigiu esforços em otimização de layout, responsividade e acessibilidade, e pude aplicar diversas técnicas para atender esses requisitos.

Caso queira saber mais sobre mim, esse é o meu perfil no Linkedin: https://www.linkedin.com/in/rubens-fs/.

Releases

No releases published

Packages

No packages published