PatternLog

PatternLog is a Chrome extension designed to help developers track, analyze, and revise their Data Structures and Algorithms (DSA) practice on LeetCode.
It enables structured learning by categorizing problems into algorithmic patterns, marking confusing questions, and maintaining a revision list with basic analytics.

---

Problem Statement

While practicing DSA, many learners solve problems without tracking:

• Which patterns they struggle with
• Which problems require revision
• How confusion is distributed across topics

PatternLog addresses this gap by integrating directly into the LeetCode problem page and providing lightweight tracking without interrupting the practice workflow.

---

Features

• Automatically detects the currently opened LeetCode problem
• Categorizes problems by DSA patterns (Arrays, Recursion, Dynamic Programming, etc.)
• Marks problems as confusing for focused revision
• Maintains a revision list inside the extension
• Displays topic-wise analytics for confusing problems
• Stores data locally using Chrome Storage
• Minimal and user-friendly popup interface

---

Tech Stack

• JavaScript (ES6)
• Chrome Extensions API (Manifest V3)
• Content Scripts
• Chrome Runtime Messaging
• Chrome Storage API (storage.local)
• HTML
• CSS

---

How It Works

1. A content script runs on LeetCode problem pages and extracts the problem title.
2. The popup communicates with the content script using Chrome message passing.
3. Users save problems by selecting a DSA pattern and optionally marking them as confusing.
4. Data is stored locally in the browser using Chrome Storage.
5. The extension generates simple topic-wise analytics based on saved problems.

---

Demo

Demo Video (Google Drive):
Demo

---

Installation (Run Locally)

Anyone can use this extension on their own system by following these steps:

1. Clone the repository:

   git clone https://github.com/Rashi-AI7/PatternLog.git

2. Open Google Chrome and navigate to:

   chrome://extensions/

3. Enable Developer Mode (top-right corner).
4. Click Load unpacked and select the cloned project folder.
5. Open any LeetCode problem page and click on the PatternLog extension.

---

Usage

1. Open a LeetCode problem
2. Launch the PatternLog extension
3. Select the appropriate DSA pattern
4. Optionally mark the problem as confusing
5. Save the problem
6. Use the revision list and analytics to guide future practice

---

Limitations

1. Currently supports LeetCode only
2. Data is stored locally and does not sync across devices
3. Analytics are basic and intended for personal tracking

---

Future Improvements

1. Support for additional platforms such as GeeksforGeeks and Codeforces
2. Cloud-based sync for cross-device access
3. Advanced analytics and visualizations
4. Export revision data in CSV format