An open API service indexing awesome lists of open source software.

https://github.com/migliorelli/lol-skin-randomizer

A website to choose your LoL champion and skin.
https://github.com/migliorelli/lol-skin-randomizer

league-of-legends league-of-legends-data-dragon league-of-legends-skin leagueoflegends lol lol-skin randomizer

Last synced: 3 months ago
JSON representation

A website to choose your LoL champion and skin.

Awesome Lists containing this project

README

          

# League of Legends (LoL) Skin Randomizer

This is a Vue 3 + TypeScript + Vite application designed to help you randomize skins in League of Legends.

## Access

[LoL Skin Randomizer](https://lolrandom.migliorelli.dev/)

## Features

- Randomly generate skins for champions.
- Built with Vue 3, TypeScript, and Vite for a modern and fast experience.
- Uses Lucide icons for a sleek interface.

## Installation

1. Clone this repository:

```bash
git clone https://github.com/migliorelli/lol-skin-randomizer
cd lol-skin-randomizer
```

2. Install dependencies:

```bash
yarn install
```

3. Run the development server:

```bash
yarn dev
```

4. Open your browser at [http://localhost:5173](http://localhost:5173) to view the app.

## Building for Production

To create a production build:

```bash
yarn build
```

Then preview the build:

```bash
yarn preview
```

## Contributing

1. Fork the project.
2. Create a new branch:

```bash
git checkout -b feature/new-feature
```

3. Make your changes and commit them:

```bash
git commit -m "Add new feature"
```

4. Push your changes:

```bash
git push origin feature/new-feature
```

5. Open a Pull Request.

## Dependencies

This project uses the following dependencies:

- **Vue 3**: A progressive JavaScript framework.
- **TypeScript**: For type-safe development.
- **Vite**: A next-generation frontend tooling.
- **Lucide**: Icon library.
- **Axios**: For API requests.

For a complete list of dependencies, see the `package.json` file.

## Icon

The project uses Lucide icons. Check out the library at [Lucide Vue Next](https://github.com/lucide-icons/lucide).

## License

This project is licensed under the [MIT License](LICENSE).

## Contact

- Author: **Migliorelli**
- Email: [miglenten@gmail.com](mailto:miglenten@gmail.com)