This application allows the user to search up a summoner name and see the chest availability for each champion, as well as view your first win of the day (precision in seconds). All data will be obtained from the official Riot Games API.
-
Display champion portraits and graphically show if the chest is unlocked or not
-
Hover to display champion score
-
Sorted by:
- champions with chests
- alphabetically
-
FWOTD CalculatorDetermines whether FWOTD is up. If not, it will tell you how much time is left.- Due to the deprication of normal games API endpoint, there's no possible way of obtaining FWOTD.
-
Search by champion name
-
Make the portrait glows reflect the tier they're currently in:
- Tier 4: Gold - #2da7a8
- Tier 5: Red - #2da7a8
- Tier 6: Purple - #ae26b4
- Tier 7: Emerald/Teal - #2da7a8
- Mastery Emote Reference Images
- Transparent Images
-
Sort by (client side):
- Highest mastery rank
- Alphabetical
- Champions with chests (then alphabetical)
- Champions without chests (then alphabetical)
-
Hide/show certain champions based on:
- Chest availability
- champion owned
-
Store a copy of the static champion data to decrease the number of requests to the API
- This can be a script ran every time the version has changed since the last run.
- The JSON file will have 2 identical arrays for faster access:
- champID => array(name, key, portraitURL)
- champKey => array(name, ID, portraitURL)
-
Progress bar to show how many chests you've unlocked in the season
- The progress bar will indicate the total amount of chests you can unlock in a year, and how much you've unlocked so far
- Create a usable and functional website
- Apply constant code refractoring to maintain clean and readbale code that is easily maintained in later stages
- Learn to work with an API (Riot Games' API)
- Have a high quality assurance
- Avoid code smells
- Create test cases
- Learn to use GitHub
- Creating a proper README
- Comitting
- Documenting changes