https://github.com/icepick4/league-viewer

🔎 Visualize data of all champions in League of Legends! 🎮
https://github.com/icepick4/league-viewer

angular data-dragon gaming league-of-legends lol reponsive-web-design responsive scss ts typescript video-game visualization

Last synced: 3 days ago
JSON representation

🔎 Visualize data of all champions in League of Legends! 🎮

• Host: GitHub
• URL: https://github.com/icepick4/league-viewer
• Owner: icepick4
• License: mit
• Created: 2022-10-23T16:48:15.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-18T14:37:38.000Z (over 1 year ago)
• Last Synced: 2024-11-18T07:50:09.482Z (about 1 month ago)
• Topics: angular, data-dragon, gaming, league-of-legends, lol, reponsive-web-design, responsive, scss, ts, typescript, video-game, visualization
• Language: TypeScript
• Homepage: https://icepick4.github.io/league-viewer/
• Size: 8.16 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [LeagueViewer](https://icepick4.github.io/league-viewer/)

[![forthebadge](https://forthebadge.com/images/badges/made-with-typescript.svg)](https://forthebadge.com) \

[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com) \

[![forthebadge](https://forthebadge.com/images/badges/contains-cat-gifs.svg)](https://forthebadge.com) \

(find the easter egg ! 😁)

## Context

This app was made to learn the framework Angular and was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.7.

You can visualize all champs in League, or make a search by role and/or by name. 

Then you have their skins, lore and names. 

Try it here : [LeagueViewer](https://icepick4.github.io/league-viewer/)

## Datas

I fetch datas thank's to the riot's API, Data Dragon, which is updated with each patch on League.

You can see it in that [file](/src/app/services/league-champion.service.ts)

## Start dev

Run `npm i` in the project to init it and download all dependencies.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.