Sobre o projeto

Durante os dias 7 e 13 de março participei da semana Spring React, que foi promovida pela DevSuperior - escola de programação. Desenvolvi o projeto da trilha para iniciantes do catálogo de filmes, seguindo as orientações do professor Nelio Alves. Com mais ênfase no layout do site, usamos apenas HTML e CSS para realizá-lo.

imagem HTML e CSS

Adicionamos o Bootstrap ao projeto, ele é um framework CSS que fornece recursos que facilitam algumas tarefas na estilização das nossas páginas web. Também adicionamos as extensões Color Highlight e Live Server no VS Code, seguimos o design do projeto disponibilizado no Figma, criamos e salvamos no github fazendo os commits a cada nova etapa de desenvolvimento concluída.

Após o término das aulas e conclusão do projeto, tomei a iniciativa de criar e adicionar outras funcionalidades, para deixá- lo único e mais com a minha cara.

Modificações realizadas

  • Responsividade atualizada.
  • Logo e barra superior novas.
  • Menu mobile adicionado.
  • Banner na Homepage.
  • Efeito de Zoom nos cards.
  • Modificação dos botões de página.
  • Sinopse dos filmes.
  • Vídeos com trailers.
  • Inclusão do Rodapé no site.
  • Referências

    https://www.figma.com/-file/hyovBMI-xwrn2Bb5MZLrxHL/DSMovie4

    https://getbootstrap.com

    https://developer.mozilla.org/-pt-BR/docs/Web/HTML

    https://developer.mozilla.org/-pt-BR/docs/Web/CSS

    https://www.w3schools.com/html

    https://www.w3schools.com/css

    https://css-tricks.com/-snippets/css/a-guide-to-flexbox

    https://www.themoviedb.org

    https://getbootstrap.com/-docs/5.1-layout/grid

    https://getbootstrap.com/-docs/5.0-layout/breakpoints