Brawl Tracker

• It is a web application that utilizes the Brawl Stars API to track and monitor player statistics in the popular mobile game.

Table of contents

• Website Features
• Technology Used
• How to Install
• How to Run

Website Features

You can view the daily Brawl Stars events, see a list of all brawlers and most importantly watch your stats and the stats of other players.

• There is also an opportunity to register, so you will get new features and additional information about the statistics of the players.

Technology Used

APIs

The third-party BrawlAPI and the official Brawl Stars API, which you must connect to via a generated token.

• I use the BrawlAPI as the main one.
  • Since it has advanced functions.
  • On the web page it is responsible for: events, brawlers and most importantly icons or images that are not in the official API.
• The official Brawl Stars API is only responsible for player statistics.
  • You will not have access to this API because the token is associated with an IP address.
  • If you want to use it, you need to create an account.

Frontend

HTML, CSS, JS, (BrawlAPI)

Backend

PHP, MySQL, (Brawl Stars API)

Libraries

• Bootstrap v5.3
• jQuery v3.7.0
• Popper v2.11.8

How to Install (Run)

Table of branches

• front-end
• back-end

front-end

Need to install editor: e.g Visual Studio Code.

1. Download from github front-end branch.
2. Extract and then open in the editor.

back-end

Need to install editor: e.g Visual Studio Code, XAMPP and MySQL.

1. Download release or back-end branch from github.

2. If you want access to player statistics, you must create an account on the Brawl Stars API.

   • Generate token and past inside /assets/php/extensions/api-request.php.

3. Otherwise remove this check condition inside /assets/php/extensions/user-manager.php.

   • Function name trySignup(...);.

if (!ApiRequest::isPlayerExisting($player_tag)) {
	$_SESSION["AUTHENTICATION_STATUS"] = "Failed to get the player's data. Check that his tag is written correctly.";
	header("Location: /");
	return;
} 

4. Open XAMPP configuration and set branch directory.

   • Or place to default folder.

5. Open MySQL and paste the following query selectors:

create database brawl_tracker;
use brawl_tracker;

create table `profile` (
    id int primary key auto_increment,
    email varchar(45) not null unique,
    `password` varchar(64) not null,
    tag varchar(9) not null,
    
    constraint check_email_format check (email like '%@%'),
    constraint check_tag_format check (tag regexp '^[A-Za-z0-9]+$')
);