Live Site: https://leaguechamps.netlify.app
Author: Henry [heinhenry@protonmail.com]
Inspiration from popular League of Legends game and its Champions List populated via their open source API. Champions can be searched by name, filtered by their role they play or both. Each Champion card is clickable and it'll lead you a web page with more details about their lore, skills, and different skins they wear in game. This Web App is suitable for desktops, tablets, and mobile devices.
League of Legends Champions List is an opportunity to learn about designing beautiful multipage Mobile Responsive React web app using React Routers, working with open source API, implementing search and filter functionalities, creating image carousel using React Hooks, and learning version management with Git and deployment using Netlify.
- React.js: Client-side front-end UI framework
- CSS: Style sheet language for presentation of front-end UI development
- Netlify: Cloud based hosting this website
- Git: Version control software for continous integration and deployment
