Master League of Legends Item Crafting

Test your knowledge of League of Legends items in this fast-paced crafting game. Match items with their correct components across three difficulty levels.

Get Started How to Play

Quick Start

Get up and running with Crafter LoL in minutes

Clone the repository

Start by cloning the Crafter LoL repository to your local machine.

git clone https://github.com/Jordavid/Craffter_lol.git
cd Craffter_lol

Set up the backend

Navigate to the backend directory and start the Spring Boot server.

cd Back/crafter
mvn spring-boot:run

The backend will start on http://localhost:5000 and fetch League of Legends item data from the Data Dragon API.

Launch the frontend

In a new terminal, navigate to the frontend directory and start the React app.

cd Front/Crafter_League_of_Legends
npm install
npm run dev

Open your browser and navigate to the URL shown in the terminal to start playing!

Explore the Game

Learn how to play and master the crafting mechanics

How to Play

Learn the basics of gameplay and start your crafting journey

Game Mechanics

Understand the core mechanics of item selection and crafting

Difficulty Levels

Choose your challenge with easy, medium, or hard difficulty

Scoring System

Discover how points are awarded and track your best score

For Developers

Dive into the architecture and extend the game

Setup Guide

Configure your development environment

Frontend Architecture

Explore the React and Vite frontend

Backend Architecture

Understand the Spring Boot backend

Data Dragon Integration

Learn how we integrate with Riot’s API

Docker Deployment

Deploy with Docker containers

API Reference

Explore the REST API endpoints

Ready to Start Playing?

Jump into the action and test your League of Legends item knowledge. Follow our quickstart guide to get the game running locally in minutes.

Start Now

Get Started

Game Guide