Extension UI
Extension Settings
Blur Feature
1
2

NPZ Spoiler Blocker Browser Extension

Overview

In this section, we'll provide an overview of the NPZ Spoiler Blocker browser extension, highlighting its key features and functionalities.

The NPZ Spoiler Blocker is an advanced browser extension designed to protect users from movie spoilers on platforms like Reddit and Twitter. Leveraging Google's Gemini API for text analysis, it categorizes content as spoilers or non-spoilers. Spoiler posts are blurred within the extension's interface, with real-time count toggles available. User interaction is facilitated through upvote/downvote buttons, enhancing detection accuracy. A "flag post" feature involves users in identifying spoilers for improved blocking. User preferences are stored dynamically using Chrome's storage API and event listeners, ensuring customizable browsing while preserving surprises in social media content.

Inspiration

The NPZ Spoiler Blocker browser extension was inspired by the need to protect users from movie spoilers on social media platforms like Reddit and Twitter. Recognizing the frustration and disappointment caused by unintentional exposure to plot details, the team embarked on creating a solution that would empower users to browse social media without fear of encountering spoilers.

What it does

The NPZ Spoiler Blocker browser extension effectively shields users from movie spoilers by leveraging advanced text analysis techniques. It categorizes content into spoilers and non-spoilers, blurring out potentially revealing posts. Users can interact with the extension through intuitive upvote/downvote buttons and a "flag post" feature, ensuring accurate spoiler detection and enhanced browsing experience.

How we built it

The NPZ Spoiler Blocker browser extension was meticulously crafted using a combination of technologies and methodologies. We utilized Google's Gemini API for text analysis, coupled with custom algorithms for spoiler detection. The extension's user interface was designed for simplicity and efficiency, allowing for seamless integration into users' browsing experiences across various platforms.

Challenges we ran into

Building the NPZ Spoiler Blocker browser extension presented several challenges that required innovative solutions. These included fine-tuning the spoiler detection algorithms to minimize false positives and negatives, optimizing performance for real-time content analysis on social media platforms, and ensuring compatibility and reliability across different browsers and devices.

Accomplishments that we're proud of

Throughout the development process, we achieved significant milestones and accomplishments that underscore the effectiveness and value of the NPZ Spoiler Blocker browser extension. These include successfully implementing sophisticated spoiler detection algorithms, receiving positive feedback and recognition from early users, and continuously refining the extension based on user feedback and real-world usage.

What we learned

The journey of building the NPZ Spoiler Blocker browser extension was a learning experience filled with valuable insights and lessons. We gained a deeper understanding of text analysis techniques, user interface design principles, and the complexities of navigating ethical considerations in AI-driven applications. Additionally, we learned the importance of iterative development and user-centered design in creating impactful software solutions.

What's next for No Spoiler Zone

In our continuous pursuit of improving the user experience and expanding the capabilities of the NPZ Spoiler Blocker browser extension, our next focus is on implementing advanced content detection and filtering capabilities. By refining our algorithms and leveraging state-of-the-art machine learning techniques, we aim to enable the extension to detect and filter a wider range of potentially sensitive content beyond just movie spoilers. This includes but is not limited to TV show spoilers, book spoilers, game spoilers, and other types of content that users may wish to avoid. By providing users with greater control over their browsing experience and protecting them from various forms of unwanted exposure, we strive to make the No Spoiler Zone extension a comprehensive solution for safeguarding against spoilers across different types of media platforms.

Functionality

Data Retrieval and Storage

Retrieval from Social Media Platforms: The system employs tailored data retrieval mechanisms to gather posts and threads from Reddit and Twitter.
Storage in MySQL Database: Retrieved data is meticulously stored in a MySQL database, categorized and indexed for efficient access and retrieval.

Spoiler Blocking Algorithm (Keyword Detection)

The extension scans Reddit posts for specific keywords related to movie spoilers and Marvel-related terms. Potential spoilers trigger content blurring with an option to view.

Large Language Model (LLM) Processing

Utilization of Gemini API: The system utilizes Google's Gemini API, capable of understanding and generating text based on user prompts.
Backend Analysis with LLM: Upon content receipt, the Gemini API's backend analyzes it meticulously, involving contextual understanding, intent extraction, and relevant information synthesis.

Automatic Spoiler Detection

Using Keywords to Detect Spoilers: Responses undergo a sophisticated spoiler detection mechanism parsing content for specific keywords or contextual clues.
Spoilers vs. Non-Spoilers Labeling Using LLM: Each response is labeled meticulously as a spoiler or non-spoiler based on detected content, crucial for subsequent actions like content filtering and user notifications.

User Interface

The NPZ Spoiler Blocker features a straightforward interface with a toggle button to block spoilers and a real-time count display. Customization options for content filtering are available on a separate page, with ongoing development focused on user authentication and account management. Additionally, a dedicated website showcases the extension's effectiveness in protecting users from spoilers on social media platforms.

Upvote and Downvote Functionality

Upvote and downvote buttons are added to spoiler posts, visible upon clicking the "view post" button. Users can vote on spoiler content, influencing the system's classification of potential spoilers.

Flag Post Functionality

A "flag post" button is dynamically added to all posts on the Reddit homepage. Users can flag posts to enhance detection and blocking accuracy, storing post details for algorithm improvement. Flag post button is integrated with default Reddit buttons.