League of Legends Character look up site mocked up on different sized devices

League of Legends Character Look Up

Role

Front End Development (Static HTML via Glitch – HTML/CSS/JS)

Background

I attended Awesome Inc’s Intro to Web Development course over the summer of 2021, and this is site is my final project utilizing everything I learned. I created a website to look up League of Legends character data by calling a Riot Games API. Enter in the name of a character (or some common nicknames and misspellings… I created a switch statement for quite a few!), hit enter, and the site will return the default splash art, a short bio, and information about that character’s abilities.

If you’ve never played League before, here are some champion suggestions to search for – Zoe, Ezreal, Fizz, Graves, Lux, or Lil Devil

You’re welcome to view the HTML, CSS, and JS I wrote for this project on Glitch, or just view the finished product.

League of Legends site with data about Zoe pulled up
League of Legends Champion look up site mobile view 1
League of Legends Champion look up site mobile view 2
League of Legends Champion look up site mobile view 3