kleinercodedrago / pricetrackerextension Goto Github PK

Implement advanced features for price queries that require additional user interactions, such as applying a discount code.

Description:

The goal of this issue is to develop a CSS Selector Tool integrated into our browser extension. This tool will enable users to select prices or similar elements on webpages. The extension should remember the selected element's CSS Selector, which is crucial for tracking price changes on different websites.

Tasks:

• Modify the popup UI to include instructions and options for selecting an element on the webpage.
• Implement the functionality in the content script (content.js) to allow users to click on an element within the webpage and capture its CSS Selector.
• Store the captured CSS Selector in a way that it can be associated with the specific webpage (e.g., using local storage or extension storage API).
• Provide visual feedback in the UI once an element is selected (e.g., highlighting the selected element or showing a confirmation message).
• Test the tool on various websites to ensure compatibility and reliability.

Acceptance Criteria:

• The tool allows users to select an element on a webpage and captures its CSS Selector.
• The CSS Selector of the selected element is stored correctly and is retrievable.
• Adequate feedback is provided to the user upon element selection.
• The tool functions reliably across different websites.

Develop a system to notify users about price changes, e.g., through browser notifications.

Create detailed documentation for the extension and prepare for release in the Firefox Add-on Store.

Description:

To enhance the development process and maintain high code quality standards, we need to integrate GitHub Actions into our project. This will automate various tasks such as testing, linting, and deployment, ensuring that each pull request meets our standards before merging.

Tasks:

• Automated Testing: Set up actions to run tests for every pull request.
• Code Quality Checks: Integrate linters and code analysis tools relevant to our tech stack.
• Automated Build Checks: Ensure that the project builds successfully with each pull request.
• Dependency and Security Checks: Implement actions like Dependabot for dependency updates and security checks.
• Documentation Validation: Check if updates in code are reflected in the documentation.
• Code Coverage Reports: Integrate with tools like Codecov to monitor test coverage.
• Performance Checks: Set up benchmarks to assess performance impacts of new changes.
• Automated Deployment (Optional): For deployable components, set up actions to deploy changes to a staging environment.

Acceptance Criteria:

• GitHub Actions are properly configured and triggered with each pull request.
• All automated tests pass successfully.
• Code quality and security standards are enforced.
• Documentation is updated accordingly, if necessary.
• Performance benchmarks meet the project standards.

Implement functionality to regularly visit selected websites, query prices via the saved CSS selector, and detect changes.

• Extension Setup:
  Initialize a new browser extension project.
  Set up the manifest file with necessary permissions and basic metadata.

• Basic User Interface:
  Create a simple popup UI that activates when the extension icon is clicked.
  Design a minimal layout to display basic information or interaction elements.

• Background Script:
  Implement a background script that remains active as long as the browser is running.
  Ensure it can handle basic tasks and respond to UI actions.

• Installation and Testing:
  Provide instructions for loading the extension in developer mode for testing.
  Ensure the extension installs correctly and the popup UI appears as expected.

Acceptance Criteria:

The extension should be loadable in Firefox (and Chrome if applicable) as an unpacked extension.
Clicking the extension icon should open a popup with a basic UI.
The background script should be initialized and maintain its state while the browser is open.
Documentation should include instructions for loading and testing the extension.

Conduct tests across various websites to ensure functionality and stability of the extension.