league-flash-stats.herokuapp.com/
Email us at [email protected] so that we can put the deploy the correct version of the app for the api challenge. We added a few things after the deadline.
Authors: Philip Ross and Andrew Ma
Resources used to build the project:
-
Ruby version 2.1.5
-
Rails 4.2.4
-
JavaScript
-
jQuery
-
Chart.js
-
Foundation 5
-
HTML5
-
CSS3
-
MySQL
-
Heroku
Our website (league-flash-stats.herokuapp.com/) is run through Heroku, which supports both HTTP and HTTPS. If you would like to see the amazing and awesome weather widget we built, run the page as HTTP. The weather API we use doesn’t support HTTPS.
If you’re a League of Legends player, you might have wondered whether using the D or F key for flash is better. This has been a debate in League of Legends since the beginning, and it’s time we find out the truth.
The D or F? website is designed to show you which player is superior: The summoner who uses D for flash or the summoner who uses F for flash.
If you notice, the champion, Gangplank, has no data. This is due to the fact that Gangplank was disabled during the Blcak Market Brawlers, proving that the data we used to populate our database is indeed from the API 2.0 challenge.
The data for our MySQL database came from the Black Market Brawlers dataset provided by Riot’s API 2.0 challenge. We used our API_KEYS from Riot Games (developer.riotgames.com/) to go through the Black Market matchIDs and push that data to our MySQL database.
The website is styled using Foundation’s grid styling system. Foundation allows for a lot of flexibility in terms of web design. We like the ease of use and the simplicity.
The charts are generated with the help of an open source project called “Chart.js” (www.chartjs.org/). We used JavaScript for the dynamic changes in the HTML pages (specific champion pages), and Ruby for the static pages (all the other pages). We built the tables from scratch. Ruby was the server language of choice because of the simplicity and how easy the project was to setup.
The silly weather widget we added at the bottom of the home page is thanks to Open Weather Map (openweathermap.org/api). They allow you gather weather data for free for any latitude and longitude. We only used the free service though, so the weather widget will only be displayed on http: protocols. The premium api features for Open Weather Map allow for https: protocols. Our JavaScript code checks to see whether or not the user is on a http: protocol with:
if(window.location.protocol == "http:"){
getLocation();
}
where getLocation() starts the creation of the weather widget. This is a totally for fun widget, which always tells the user that no matter the weather, it’s always a nice day to play League of Legends.
The website is hosted and deployed thorugh a service called Heroku (www.heroku.com/). This service easily allowed us to host the website and database for free.
The non-Riot made pictures used in our website were created by Andrew Ma and MS Paint.