Projeto GamerZone

Descrição geral

Este trabalho prático apresenta um site estático chamado GamerZone. O projeto foi desenvolvido com HTML, CSS e JavaScript e simula um catalogo de jogos eletrônicos, com páginas de listagem de jogos, destaques de lançamentos e uma página de detalhes dos títulos.

Arquivos e estrutura

• index.html - página principal com navegação, banner rotativo, seções de jogos mais populares, jogos novos, destaques e informações do aluno.
• detalhes.html - página de detalhes do jogo selecionado, exibindo imagem, descrição, preço, plataformas e personagens.
• assets/css/style.css - estilos principais da página inicial.
• assets/css/style_detalhes.css - estilos específicos da página de detalhes.
• assets/css/style_media.css - regras de responsividade para adaptar o layout a dispositivos menores.
• assets/js/index.js - script que carrega e exibe os cards de jogos populares, jogos novos e banners de destaque na página inicial.
• assets/js/detalhes.js - script que exibe os detalhes do jogo selecionado e os personagens relacionados.
• assets/img/ - imagens utilizadas no site, incluindo jogos, banners, ícones e logos.

Funcionalidades implementadas

• Lista dinâmica de jogos populares e jogos novos na página principal.
• Banner rotativo usando componentes do Bootstrap.
• Página de visualização de detalhes do jogo com dados carregados via JavaScript.
• Seção de desenvolvedoras e informações do autor na página inicial.
• Busca visual no topo (campo de pesquisa) para compor o layout, mesmo que ainda não esteja funcional como pesquisa real.
• Navegação entre index.html e detalhes.html por meio dos botões "Visualizar" dos cards.

Tecnologias usadas

• HTML5
• CSS3
• JavaScript
• Bootstrap 5

Sobre o autor

• Nome: Matheus Henrique Castilho Ricoy Guerra

• Curso: Engenharia de Software

• Turma: Manhã

• Perfil LinkedIn: https://www.linkedin.com/in/matheushenrique1226

• GitHub: https://github.com/Cirker1226

• Instagram: https://www.instagram.com/matheushenrique_1226/