Coke's Ban Checker Chrome Extension (built with TypeScript + React)

This project used the following boilerplate project (scaffolding the app):
https://github.com/martellaj/chrome-extension-react-typescript-boilerplate

Building

1. Clone repo
2. npm i
3. npm run dev to compile once or npm run watch to run the dev task in watch mode
4. npm run build to build a production (minified) version
5. Download bootstrap .js and .css files and put them in dist/js folder. The files that are needed are: bootstrap.min.css and bootstrap.bundle.min.js

Installation

1. Complete the steps to build the project above
2. Go to chrome://extensions in Google Chrome
3. With the developer mode checkbox ticked, click Load unpacked extension... and select the dist folder from this repo

Usage

This app is meant to be used with my website -> https://cokesbanchecker.herokuapp.com/ (this extension requires JWT Web Token which can be obtained from the aforementioned website). The released (ready to use) extension can be accessed here.

Why?

The extension adds new UI elements to the Steam and BattleMetrics profiles, i.e. the app checks the viewed account for BattlEye Global ban status. This functionality is useful for ArmA 3 community since they can quickly check player's status.

More information

If you would like to read more about this extension, please visit https://cokesbanchecker.herokuapp.com/otherApps (requires to be authenticated with your Steam account in order to see this page)