GameZone

Bem-vindo ao GameZone, um projeto web desenvolvido para oferecer uma experiência imersiva no mundo dos games. O site conta com páginas dedicadas a e-sports, uma loja de periféricos e suporte ao cliente, tudo com um design moderno e responsivo.

---

Sobre o Projeto

O GameZone é um site voltado para gamers e entusiastas de e-sports. Ele foi desenvolvido no primeiro período da faculdade, em colaboração com outros colegas de curso. Após a entrega inicial, o projeto passou por melhorias no código, organização e design.

O site reúne:

• Informações sobre campeonatos de e-sports;
• Uma loja virtual com periféricos e equipamentos gamers;
• Um sistema de suporte ao cliente com canais de contato.

---

Funcionalidades

Página Inicial

• Destaques de periféricos gamers;
• Jogadores em evidência nos campeonatos;
• Acesso rápido para as páginas de e-sports, loja e suporte.

Página de E-Sports

• Informações sobre torneios como Fame Cup e Elite Series;
• Destaque para jogadores e equipes competitivas.

Loja Virtual

• Catálogo de produtos (mouses, teclados, headsets, consoles etc.);
• Carrinho de compras com cálculo de subtotal, frete e descontos;
• Validação de dados como CPF e CEP antes da finalização do pedido.

Página de Suporte

• Canais de atendimento via WhatsApp, telefone e e-mail;
• Informações sobre horários de atendimento.

---

Tecnologias Utilizadas

• HTML5: Estrutura semântica do site;
• CSS3: Estilização, responsividade e layout;
• JavaScript: Funcionalidades interativas (ex: carrinho de compras);
• Live Server: Ferramenta usada para rodar o projeto localmente.

---

Estrutura do Projeto

GAMEZONE/
├── README.md
├── .vscode/
│   └── settings.json
├── CSS/
│   ├── ESPORTS/
│   │   └── esports.css
│   ├── HOME/
│   │   └── stylehome.css
│   ├── LOJA/
│   │   └── loja.css
│   └── SUPORTE/
│       └── suporte.css
├── HTML/
│   ├── ESPORTS/
│   │   └── esports.html
│   ├── HOME/
│   │   └── index.html
│   ├── LOJA/
│   │   ├── loja.html
│   │   └── loja - Copia.js
│   └── SUPORTE/
│       └── suporte.html
├── IMG/
│   ├── logo_gamezone.png
│   ├── BG/
│   ├── CAMP/
│   ├── ICONS/
│   ├── NOVAS/
│   ├── PERIFERICOS/
│   ├── PLAYER/
│   ├── PRODUTOS/
│   └── REDE SOCIAL/

---

Como Executar o Projeto

Pré-requisitos

Antes de iniciar, você precisa ter:

• Visual Studio Code instalado;
• Extensão Live Server instalada no VS Code.

Clonar o Repositório

Abra seu terminal ou prompt de comando e digite:

git clone https://github.com/arthursteinerr/projetoGameZone.git

Abrir no VS Code

1. Abra o Visual Studio Code;
2. Vá em Arquivo > Abrir Pasta e selecione a pasta gamezone clonada.

Rodar com o Live Server

1. Navegue até o arquivo index.html, dentro da pasta HTML/HOME;
2. Clique com o botão direito no arquivo e selecione "Open with Live Server";
3. O navegador será aberto automaticamente com o projeto em execução no endereço:

http://127.0.0.1:5500

---

Contribuidores

Este projeto foi desenvolvido por:

• Gabriel da Cunha Teixeira
• João Emannuel Souza do Espírito Santo
• Lucas Picanço
• Arthur Steiner

Posteriormente, foram feitas alterações e melhorias com foco em organização, usabilidade e manutenção do código.

---

Licença

Este projeto foi desenvolvido como trabalho acadêmico no curso de graduação da Faculdade FAMINAS - Muriaé, durante o primeiro período.

Seu uso é livre para fins educacionais e de aprendizado.

---