Websites and development4 min read
Kwork Hider: an extension that hides irrelevant projects on Kwork
Dozens of projects appear daily on the Kwork freelance marketplace, half of them irrelevant to a given freelancer, and the site has no hide button. A developer solved it with the Kwork Hider Chrome extension: two buttons on a card, local storage and an observer for the dynamic feed. Here is how it is built.
What the extension does
Two buttons are added to every project card: hide and save. Hidden listings disappear from the feed, saved ones are highlighted in green, and the extension icon shows counters. All data stays in the user's browser; nothing goes to a server.
We build small internal tools for clients on the same template: a button in the admin panel or an extension for a manager solves the task faster than changing the CMS core. Just remember that a dependency on markup lives until the first redesign.
How it works technically
Inside are three mechanisms familiar to any web developer.
- A content script finds card elements by the .want-card class and adds buttons to the .want-card__buttons block.
- Identifiers of hidden and saved projects are stored in chrome.storage.local.
- A MutationObserver watches for new cards as the feed loads and processes them without a page reload.
Where to get it
The extension is published in the Chrome Web Store, the source is open on GitHub and the author has a page for it. Open source matters for extensions that run on other people's sites: anyone can verify that data does not leave the browser.
What this small project teaches
First, a feature missing from someone else's product is often built in an evening as an extension rather than waited for. Second, dependence on layout classes such as .want-card is the main risk: after a site redesign the extension will stop working, and that has to be accepted honestly. Third, tools like this are a good exercise for a developer before bigger DOM and storage tasks.
Summary
Kwork Hider solves a narrow freelancer problem and at the same time shows the template of any extension for a third-party site: find elements, add controls, remember state, watch for changes.
Sources
Follow the journal
New pieces on websites, SEO and AI come out in the QIO journal. Follow in Google, by RSS or in Telegram to get them first.
