league-of-legends

KO | EN

gitlite — search

#javascript #typescript #llm #go #android #machine-learning #linux #docker #nodejs #kubernetes #pytorch #mcp #openai #open-source

league-of-legends

(★ 15)

Personal project about all the League of Legends champions.

league-of-legends Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Table of contents
* [About project](#about-project)
  - [Overview](#overview)
  - [Deploy](#deploy)
* [Screenshot](#screenshot)
* [Technologies](#technologies)
* [Functionalities](#functionalities)
* [Design](#design)
  - [Color palette](#color-palette)
* [How to use](#how-to-use)

## About project
### Overview
PORO.GANK is a personal project <b>designed</b> and <b>programmed</b> by me about all the champions of my favorite game at the moment, League of Legends. All information comes from Riot Games APIs. As a final result, the project consists of 3 pages: homepage, champion detail page and favorites champions page.

### Deploy
👉🏽 https://poro-gank.netlify.app/

## Screenshot
<img width="960" alt="image" src="https://user-images.githubusercontent.com/86701343/235523186-4c4d9ece-20e0-4c03-846f-3b568facb07f.png">

## Technologies 
* React.js
* React Router
* Typescript
* Redux and Redux Toolkit
* Material UI
* Sass
* Axios
* React Icons

## Functionalities
* Display certain information about the champion on cards of the homepage
* Filter out champions starting with the string that the user enters in the input 
* Filter out champions based on their tag (mages, supports, tanks, etc.)
* Add and remove favorite champions. All favorites will be displayed on the favourites page.
* Display more information about the champion on the champion detail page such as their lore, spells, skins, etc.

## Design
### Color palette
| Color | Código |
|-------|--------|
| ![#fff](https://via.placeholder.com/15/fff/000000?text=+) | `#fff` |
| ![#dab257](https://via.placeholder.com/15/dab257/000000?text=+) | `#dab257` |
| ![#6759e8](https://via.placeholder.com/15/6759e8/000000?text=+) | `#6759e8` |
| ![#1e2234](https://via.placeholder.com/15/1e2234/000000?text=+) | `#1e2234` |
| ![#1a1a1adf](https://via.placeholder.com/15/1a1a1adf/000000?text=+) | `#1a1a1adf` |

## How to use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash
# Clone this repository
$ git clone https://github.com/ramirezandradesara/league-of-legends

# Go into the repository
$ cd league-of-legends

# Install dependencies
$ npm install

# Run the app
$ npm start
```

league-of-legends

league-of-legends Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

league-of-legends

league-of-legends Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README