LeagueStats: Track your League of Legends stats with Tailwind CSS


The goal of leaguestats.gg is to provide global complete data for all League of Legends summoners.
Here is an example of stats for some summoner.



Development environment requirements :

You can use the docker-compose.yml file to quickly setup PostgreSQL and Redis in development.

Setting up the docker container:

> docker-compose up --build -d

Setting up your development environment on your local machine :

> git clone https://github.com/vkaelin/LeagueStats.git
> cd leaguestats/client
> npm install

# And

> cd leaguestats/server
> npm install
> cp .env.example .env # edit the values (see below for more info)
> node ace migration:run

Env Values

Before running the migrations, you need to add some details to the server .env:

To generate the APP_KEY run node ace generate:key, copy and paste the value on the respective .env variable;

Set the database variables PG_USER, PG_PASSWORD and PG_DB_NAME. If you are using docker, you can set as below:

  1. For the application work properly, you need a Riot API Key to set it on RIOT_API_KEY .env variable. To know more, take a look to their documentation on this link.

Useful commands

Running the app :

> cd client
> npm run dev

# And

> cd server
> npm run dev

Deploying the app :

> cd client
> npm run build
> npm run preview # to test the build locally

# And

> cd server
> npm run build
> node build/server.js


Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.


NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

You are free to:

Share — copy and redistribute the material in any medium or format

Adapt — remix, transform, and build upon the material

Under the following terms:

NonCommercial — You may not use the material for commercial purposes.

ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.

Download details:

Author: vkaelin
Source: https://github.com/vkaelin/LeagueStats

License: View license

#tailwindcss #vue 

LeagueStats: Track your League of Legends stats with Tailwind CSS
1.05 GEEK