🚧 Projeto em construção... 🚧

League of Legends Clone

Um clone do nosso querido lolzinho

OBS: esse projeto foi iniciado em agosto de 2022, por isso a interface não coincide totalmente com a versão atual do jogo. Na seção Screenshots você pode ver um comparativo entre a nossa versão e a versão do jogo na época 🐱‍💻.

🔖 Tabela de Conteúdos

• Screenshots
• Funcionalidades
• Pré-requisitos
• Rodando o projeto
• Tecnologias
• Referências
• Contribuidores
• Licença

📷 Screenshots

Projeto Final

Riot Client

🖱 Funcionalidades do jogo adotadas no projeto

• Tela de login: Redireciona o usuário para a página inicial do cliente após o login.
• Social: A funcionalidade de abrir e fechar pastas está implementada, mas não é possível abrir chats de conversa ou interagir diretamente.
• Client
  • Outro céu: Uma página dedicada aos desenvolvedores.
• Loja
  • Destaques: Fornece informações sobre produtos com desconto ou recursos especiais na loja.
  • Campeões: Permite filtrar campeões pelo nome, pela função (role) e verificar se estão em promoção.

⚙ Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e um editor de texto como o VSCode, com a extensão Live Server.

🚀 Como executar o Projeto

O projeto é composto por duas partes principais: o Front-End e o Back-End com a API para consultar os campeões.

💻 Rodando o Front-End

1. Clone este repositório

$ git clone https://github.com/mirellanaspolini/clone-league-of-legends.git

2. Acesse a pasta do projeto no terminal/cmd

$ cd clone-league-of-legends

3. Abra a pasta do projeto no vscode

$ code .

4. Abra o arquivo index.html da pasta login, clique com o botão direito do mouse no editor e clique em Open with Live Server, ou pressione o atalho Alt+L alt+O

5. O servidor iniciará na porta:5500 - acesse http://localhost:5500/login

6. Use as seguintes credenciais para fazer login:

   • Usuário: user10
   • Senha: senhaforte55

🎲 Rodando a API

Para saber como rodar a API acesse este link.

🛠 Tecnologias

Esse projeto foi desenvolvido com:

• HTML
• CSS
• JavaScript
• Bootstrap
• Figma (criação dos ícones)

🌐 Sites de Referência

Durante a produção deste projeto, os seguintes sites foram essenciais para pesquisa tanto para Front-End quanto para o Back-End:

• League of Legends Wiki: Utilizado para obter informações detalhadas sobre os campeões.
• Lol Skin: Fonte de imagens dos campeões e skins já no formato quadrado.
• Flickr: Utilizado para hospedar as imagens na API.

👑 Contribuidores

Menção honrosa com certeza vai pro Vinícius Porto, que além de ter dado a ideia inicial pro projeto existir, foi o principal responsavel pela criação dos filtros e da API na página de campeões 👏.

Vínicius Porto

📄 Licença

Este projeto é licenciado sob a MIT.