NyoloQ Challenge

Welcome to NyoloQ Challenge, a web tool designed to display and analyze League of Legends player statistics in real time. Now you can track your performance in every game and get detailed stats about your wins, losses, ranking, and much more!

📸 Screenshot

This is how the stats tracker looks in action.

🚀 Features

• Real-time visualization of League of Legends player stats.
• Detailed analysis of ranking stats like Ranking, Winrate, Wins, and Losses.
• Role-based stats customized for each player (JUNGLE, ADC, TOP, MID, SUP).
• Direct link to OP.GG for more detailed player info.

🔧 Technologies Used

This project uses:

• HTML5 and CSS3 for layout and styling.
• JavaScript (ES6) to interact with Riot Games API and manipulate the DOM.
• Riot Games API to fetch player statistics.
• Fetch API to handle HTTP requests.

📦 Installation

1. Clone the repository:

   git clone https://github.com/bait-py/nyoloqchallenge.git

2. Navigate to the project folder:

   cd nyoloqchallenge

3. Open index.html in your browser to see the tracker in action.

Note: Make sure you have a valid Riot Games API key so player stats load correctly.

📝 Usage Instructions

1. Add Players: Add players inside the script.js file within the jugadores array, specifying the player name and their Riot ID.

   Example:

   const jugadores = [
       { nombre: 'Bruno', rol: 'JUNGLE', riotId: 'Smooth Criminal#009' },
       { nombre: 'Alex', rol: 'TOP', riotId: 'pacarde66#EUW' },
       ...
   ];

2. View Results: When you load the page, you’ll see a table with the stats for the players you added, including ranking, winrate, and more.

3. Interactivity: Click the table headers to sort results by columns like Winrate, Wins, etc.

¿Quieres que te lo deje también en versión bilingüe o con otro toque?