VALORANT INFO

Descrição 📚

Este é o projeto final do módulo de Front End Dinâmico do programa Santander Coders. O projeto consiste em uma aplicação web que consome a API do jogo Valorant para exibir informações sobre o jogo, seus personagens e mapas. Utilizamos HTML, CSS e Vanilla JavaScript para criar a interface e a interatividade da aplicação. Além disso, aplicamos animações CSS, conceitos de rotas e efeitos de hover para melhorar a experiência do usuário. O versionamento do projeto foi realizado usando Git e Github, permitindo que cada membro do grupo contribuísse e acompanhasse as alterações. Acesse o projeto clicando aqui.

Tecnologias Utilizadas 🚀

• HTML
• CSS
• Vanilla JavaScript
• Fetch API
• CSS Animation
• Git e Github

Funcionalidades Principais 🌟

• Consumo da API do jogo Valorant
• Interface interativa para exibir informações sobre o jogo
• Animações CSS para melhorar a experiência do usuário
• Conceitos de rotas para navegação entre as páginas
• Efeitos de hover em elementos interativos

Instalação 🔧

Para rodar este projeto localmente, siga estas etapas:

1. Clone este repositório:

git clone https://github.com/tthayza/ProjetoFinalADA.git

2. Navegue até o diretório:

cd ProjetoFinalADA

3. Instale as dependências usando npm:

npm install

Execução ▶

Para iniciar o projeto, execute o seguinte comando:

npm run start

Pré-Visualização

Tela Inicial - Sobre o jogo

Tela de Agentes

Tela de Mapas do jogo

Rodapé Opcional

Autores 👩🏻‍💻👨🏻‍💻

• Jamyle Layla
• Juan Salles
• Matheus Holanda
• Thayza Oliveira