Freelance projects

Freelance projects

Development of a browser extension (WXT, TSyringe, TypeScript) — Interactive tamagotchi for tabs

Javascript and Typescript, Web Programming — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

Looking for a TypeScript developer to create a fun, visual browser extension at the intersection of gamification and productivity utilities.

Essence of the idea: We are creating a virtual pet ("Tabagochi") that lives in the Popup window of the extension. Its mood, health, and appearance directly depend on the number of open tabs in the user's browser. Few tabs — the pet is happy. Chaos begins and tabs multiply — the pet gets sad, sick, or starts to "get angry".

Technology stack:

Framework: WXT (wxt.dev)
Language: TypeScript
Architecture / DI: TSyringe (for managing dependencies and isolating containers)
Bundler: Vite

What needs to be done (Scope of work):

Monitoring service (Background/Service Worker):
- Implement tracking of the number of open tabs across all browser windows in real-time.
- Update Badge (text and background color of the extension icon) depending on the "threat level" (number of tabs).
- Save the current state to Chrome/WXT Storage.
User interface (Popup UI):
- Layout a concise, stylish Popup window (clean CSS/HTML, without heavy frameworks).
- Display the character (initially, animated emojis or simple SVGs can be used). The character should have at least 4 states: Great (0-10 tabs), Normal (11-20 tabs), Panic (21-35 tabs), Death/Explosion (35+ tabs).
- Output random funny text phrases from the pet depending on its state.
- Quick action button: "Clear excess" (closes all tabs beyond the limit, except for the active and pinned ones).
Architecture:
- The code should be divided into logical layers (business logic separately, working with Chrome/Storage API separately).
- Mandatory dependency injection through TSyringe (register storage, monitoring, and UI manager services).

Requirements for the performer:

Confident knowledge of TypeScript and understanding of how Chrome Extensions work (Manifest V3).
Experience with WXT or understanding how to quickly get acquainted with it.
Ability to write clean, modular code using Dependency Injection (TSyringe).
Willingness to cover basic business logic with unit tests (a plus).

What we will provide:

A ready concept document describing the pet's states and a pool of text phrases.
Basic design sketches (UI is super simple, focus on neatness).

In your response, please indicate:

Have you had experience developing extensions (if yes — attach examples/links to GitHub).
Have you worked with TSyringe or other DI containers in TypeScript.
Approximate timelines and cost of implementation.

Proposals 6

Oleg Grigoryev

32 0

Budget: 2400 EUR Deadline: 14 days

Regarding deadlines and price - the target is 10-14 working days and $2400 for the first completed version of the extension with WXT, TypeScript, TSyringe, popup, Badge, state management, tab clearing button, and basic business logic checks.

There’s a nuance here - the task is small in size but not entirely trivial. It’s important to carefully separate layers so that the Chrome API, Storage, tab monitoring, and pet mood logic do not turn into a single mess. Overall, it’s fine, just better to ensure neatness in the architecture from the start rather than fixing it later.

> Regarding extensions - I have experience with Chrome API logic and Manifest V3; I’m not attaching a public GitHub specifically for the extension in the bid, as part of such work is usually closed.
> Regarding TSyringe - we cover DI in TypeScript; storage, monitoring, and interface management services can be properly separated through the container.
> Regarding implementation - we will create a monitoring service, state model 0-10, 11-20, 21-35, 35+, popup without a heavy frontend framework, pet replicas, closing tabs beyond the limit except for the active and pinned ones, then we will lay down basic modular tests.

> Question 1 - should the limit for clearing be fixed from the concept, or can the user change it in the settings?
> Question 2 - is preparation of the package for publication in the Chrome Web Store needed, or is a repository, build, and launch instructions sufficient?

Similar types of product and architectural work cases:
> https://business.ingello.com/vorfahr - SaaS with product logic, dashboards, payments, and neat architecture
> https://business.ingello.com/fractal - engineering automation and complex logic for working with software processes

Main FLH landing Ingello:
> https://systems-fl.ingello.com

!!Ready to take it as a limited phase with a clear result!! =)

Similar project: Рефаткоринг приложения

Maksym O.

5 0

Budget: 2000 EUR Deadline: 7 days

Hello, I worked on Tab Manager Pro — a Chrome extension that tracked tab activity in real-time and grouped them by domains. We stored the state in Chrome Storage, updated the badge depending on the load, and used a modular architecture with a DI container. The result: -40% time spent navigating between tabs for 200+ users.

An interesting question regarding the project: how do you plan to handle the pet's state upon browser restart — does it "resurrect" with the saved state or start from scratch?

I suggest we get in touch; I will provide you with free technical consultation and we can create a development plan + I will tell you about my team!

Roman Smolyakov

30 1

Budget: 90 EUR Deadline: 12 days

Hello, Ivan! My name is Roman, and I specialize in developing browser extensions in TypeScript using modern tools, including WXT, Vite, and dependency injection systems. I have experience creating extensions with interactive UIs, integrating with the browser API, and architectures with DI approaches, allowing for clean, testable code. I regularly work with TypeScript, TSyringe, Chrome Extension API, and Manifest V3, and I can quickly adapt to new technologies.

My approach to this project includes three key stages. First, I will create a background service (Background/Service Worker) with TSyringe to monitor tabs, update the badge icon, and save the state in Chrome Storage. Next, I will develop a Popup interface with an animated Tamagotchi based on SVG/emoji that responds to different levels of tab load. The third step is implementing a "Clear" button and integrating random quotes from the concept document. I am ready to complete the work in 12 days for 4500 UAH. As a bonus, a free additional interface theme after the project is completed.

Svyatoslav Adamov

0 0

Projects -
Rating -
Rating 260

Budget: 7000 EUR Deadline: 12 days

I read the description of your project. It interests me, and I have experience with similar tasks. I am ready to start working and complete it with high quality.
Questions about the project:
1. Is there already a ready concept document and texts for the pet's dialogues?
2. Do we need to implement only the extension, or also the basic test framework?

Roman S.

2 0

Projects -
Rating -
Rating 472

Budget: 348 EUR Deadline: 5 days

Hello! I am interested in your idea of a Tamagotchi extension — it's a great way to add gamification to routine processes. I have solid experience in development for Chrome (Manifest V3) and am well-versed in TypeScript. Working with DI containers (specifically TSyringe) is familiar to me, so the architecture will be clean, modular, and easily extensible. I am familiar with the WXT framework; it is perfect for this task as it significantly simplifies working with HMR and building. I will implement the monitoring logic in the Service Worker, set up reactive state updates through Storage, and design a neat UI. I am ready to start implementing the state logic and the tab clearing system. I would be happy to discuss the details and get started.

Yvan Myronets
Germany

Projects -
Rating -
Rating 40