LeetMon

Do Leetcode, catch Pokemon!

---

Table of Contents

• Introduction
• Features
• Quick Setup for Users
• Setup and Build for Developers
• Tools
• Browser Support

Introduction

LeetMon is a browser extension made by the WXT framework, and animated using the GSAP library. Users can catch pokemon when they solve Leetcode problems.

Features

When you open a Leetcode problem, a random Pokemon from gen 1-5 will appear

---

When you submit a correct solution, you catch the Pokemon

---

View your caught Pokemon by clicking the extension widget

Quick Setup for Users

note: this is actually the development instructions for Chrome LeetMon is not currently published on any web stores. Instead, to set up the LeetMon extension in your browser quickly:

1. Go to Releases, and download the zip file for your browser
2. Unzip the folder
3. Go to chrome://extensions and enable Developer mode
4. Click Load unpacked and select the unzipped folder
5. Start Leetcoding!

Setup and Build for Developers

Setup

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

1. Clone this repository

git clone https://github.com/emilyclam/leetmon

2. Go into the repository

cd leetmon

3. Install dependencies

npm install

4. Run the app

npm run dev

A new window will open with your extension automatically loaded. Or, follow steps 3-5 of the Quick Setup for Users guide to get your development code running in your regular browser, selecting the appropriate folder from .output/ to unpack.

Build

To build and zip for...

Chrome (Default):

wxt zip

Firefox:

wxt zip -b firefox

Edge:

wxt zip -b edge

Tools

LeetMon was built with:

• WXT - web extension framework for bundling and fast development
• GSAP - JS library for animations
• PokeApi - RESTful Pokemon API for pokemon sprites and data

Browser Support

Chrome	IE	Edge	Safari	Firefox
Yes	No	Yes	Yes	Yes