League of Legends Dashboard

Information about the champions of the League of Legends.

This project is a practice for some development frameworks: Nextjs, React, Node and Typescript.

The live mode of the project can be found at https://node-nextjs-typescript-lol.now.sh/.

Home

Champion page

The data and images of the champions were retrieved from https://riot-api-libraries.readthedocs.io/en/latest/ddragon.html (10.9.1).

Getting Started

Prerequisites

node -v
v13.12.0

npm -v
6.14.4

Development setup

Windows & OS X & Linux:

git clone https://github.com/gilmarllen/node-nextjs-typescript-lol.git
cd node-nextjs-typescript-lol
npm i

npm run dev

Build and Deploy

Nextjs build process:

npm run build
npm run start

Built With

• Nextjs
• ReactJS
• Typescript
• Chart.js
• Fuse.js

Meta

Gilmarllen P. Miotto – gilmarllen@gmail.com

Contributing

1. Fork it (https://github.com/gilmarllen/node-nextjs-typescript-lol/fork)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request