zenTab

A minimalistic focus extension that blocks distracting websites during focus sessions.

Features

• Block distracting websites to stay focused.
• Simple interface to manage your blocklist.
• Start and stop focus sessions as needed.

Demo

Watch a demo of zenTab on YouTube

Getting Started

Prerequisites

• Node.js and npm (or a compatible package manager)

Installation & Development

1. Clone the repository:

   git clone [email protected]:Divy97/zentab.git
   cd zentab

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   This will create a dist directory with the unpacked extension.

4. Load the extension in your browser:

   • Chrome: Go to chrome://extensions, enable "Developer mode", and click "Load unpacked" to select the dist directory.
   • Firefox: Go to about:debugging, click "This Firefox", click "Load Temporary Add-on...", and select the dist/manifest.json file.

Building for Production

To build the extension for production, run:

npm run build

This will create a production-ready build in the dist directory.

To create a zip file for submission to web stores, run:

npm run zip

This will generate a .zip file in the project root.