Organizar e exibir os filmes da minha coleção pessoal (DVDs e Blu-rays) de três formas distintas, utilizando HTML, CSS e JavaScript.
Este foi meu primeiro projeto próprio como estudante de programação, desenvolvido no início da minha jornada.
Sei que o resultado não ficou perfeito, mas a perfeição não foi o meu objetivo aqui. O que eu queria mesmo era testar minha criatividade, disciplina e capacidade de aprendizado. O projeto me ajudou a enfrentar desafios reais, combinar teoria com prática e, principalmente, persistir até concluir o trabalho.
Ao longo do desenvolvimento, aprendi que criar algo do zero envolve superar dificuldades com conhecimento e também com soluções criativas — uma experiência que me motivou ainda mais a continuar explorando o universo da programação.
Exemplo 1: Visualização em Planilha
- Filmes exibidos como uma tabela em ordem alfabética.
- Adicionei um botão "voltar ao topo" para facilitar a navegação.
- Desafio superado: adaptar a tabela para telas muito pequenas, garantindo o design responsivo.
Exemplo 2: Visualização em Blocos
- Filmes organizados em blocos com três opções de visualização: ordem alfabética, cronológica ou por diretores.
- Tecnologias: CSS (flexbox) e JavaScript.
- Desafio superado: manipular arrays dinamicamente para exibir o conteúdo conforme a seleção.
Exemplo 3: Visualização com Imagens
- Filmes apresentados com imagens e textos usando o efeito hover overlay, que exibe informações ao passar o mouse sobre as imagens.
- Desenvolvi um menu lateral dinâmico: ele aparece ao rolar a página para cima e se oculta ao rolar para baixo.
- Desafio superado: ajustar o design responsivo desse menu — foram muitos commits para acertar os detalhes! 🙃
Agradeço muito às plataformas de ensino abaixo pelos recursos educacionais gratuitos e de qualidade que tornaram este projeto possível.
Para quem gostou das imagens:
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.
