README.md

Projeto Alura Books

Sumário

• Sobre o Projeto
• Objetivos do Projeto
• Funcionalidades do Projeto
• Tecnologias Utilizadas
• Layouts
  • Desktop Layout
  • Tablet Layout
  • Mobile Layout
• Adaptações
• Autor

Sobre o Projeto

Esse projeto foi feito com a instrução de Mônica Hillman, bacharela em Tecnologias Digitais e instrutora da Alura.

Em um curso ela ensina a identificar elementos e estilos através do Figma usando HTML&CSS. Seu principal objetivo nesse curso é ensinar a construir um site com responsividade Mobile First.

Objetivos do Projeto

• Entender como interpretar um prótotipo de site no Figma;
• Conhecer e aprender a usar a abordagem Mobile First;

Funcionalidades do Projeto

• Botão Categorias(Desktop)/Menu Hamburguer(Mobile): Ao ser clicado surge 5 opções de categorias;
  
• Botões Laterais do Carrosel: Ao ser clicado move o carrossel na direção oposta;
• Arrastar o Carrosel com Mouse/Dedo: Ao arrastar o carrossel se move.

Tecnolgias Utilizadas

1. HTML
2. CSS
3. SwiperJS

Layouts

Desktop Layout

Width 1280px

Tablet Layout

Width 768px

Mobile Layout

Width 480px

Obs.: Altura das imagens foram reduzidas para no maximo 500px, para à ver em seu tamanho original clique nelas. Você será redirecionado para o local onde elas foram armazenadas no GitHub.

Adaptações

Com exceção de pequenas adaptações estéticas, não há nenhuma grande adaptação.

Autor

Meu nome é Alexandre Coelho, sou autor deste ReadMe e estudante de Desenvolvimento Web. Fiz esse projeto com a orientação da instrutora Mônica Hillman, o design foi repassado e minhas mudanças no projeto foram poucas. Há divergencias do meu projeto para o original no botão "Categorias" e no modelo SwiperJS, que busquei algo que ficava mais interessante e semelhante ao que foi mostrado no figma.

Logo abaixo estão os meus principais links, fique a vontade de acessar o que mais lhe interessar: