Skip to content

React web app that displays League of Legends player champion masteries and other stats

Notifications You must be signed in to change notification settings

mingli1/league-of-levels

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

League of Levels

Check it out at https://leagueoflevels.herokuapp.com/

Inspired by Derpthemeus's ChampionMasteryLookup (check his site out it has more features than mine)

About

League of Levels is a web app that displays player data from League of Legends, one of the most popular games in the world currently. Users are able to search for a player/summoner name and receive data about the player's champion masteries. The site uses the Riot Games API to fetch the information and displays it in a nice sortable, searchable table.

I made this project to practice and learn the React framework and web development in general.

Install

If you want to run this locally, you first need node.js and npm.

Clone this repository:

git clone https://github.com/mingli1/league-of-levels.git
cd league-of-levels

Install node dependencies:

npm install

Create a JavaScript file named Key.js in /src and inside write:

module.exports = {
    API_KEY: '',
    GAME_VERSION: '',
    proxy: ''
}

API_KEY is your Riot Games API development key you can obtain from the Riot API website

GAME_VERSION is the current League of Legends patch (eg. '8.15.1')

proxy is the CORS proxy (eg. 'https://cors-anywhere.herokuapp.com/')

Start the local server:

npm start

Screenshots

homepage profilepage

About

React web app that displays League of Legends player champion masteries and other stats

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published