tudoo-browser-extension Svelte Themes

Tudoo Browser Extension

Tudoo – Your Task List is a lightweight and responsive browser extension built with Svelte, HTML, and CSS. It helps you organize tasks with priority flags, persistent storage, and a clean, minimal UI — all directly from your browser.

readme cover
Svelte HTML5 CSS3

📝 Tudoo – Your Task List

A sleek and responsive browser extension to manage your daily tasks, built with Svelte, HTML, and CSS.

📋 Table of Contents

  1. Overview
  2. Tech Stack
  3. Features
  4. Installation
  5. Links & Resources

Overview

Tudoo – Your Task List is a minimalist Chrome extension designed to streamline your task management. Whether you’re a student, developer, or productivity enthusiast, Tudoo brings a clean and intuitive interface right into your browser.

  • Effortlessly add and manage tasks
  • Prioritize with color-coded flags
  • Enjoy super lightweight and fast transitions with a minimalistic design

Tech Stack

  • Svelte – Frontend Framework for reactive UI
  • HTML 5 – Semantic markup
  • CSS 3 – Styling with custom layout and responsive design
  • Chrome Extension APIs – To integrate with the browser seamlessly

Features

  • Add, Edit & Delete Tasks: Quickly manage your task list.
  • Task Prioritization: Use color-coded flags to indicate priority levels.
  • Responsive Design: Optimized for different screen sizes.
  • Data Persistence: Store tasks locally for ongoing access.
  • Clean UI: Minimalistic design that focuses on ease of use.

Installation

Follow these steps to run Tudoo – Your Task List locally:

1. Clone the Repository

git clone https://github.com/nix1707/tudoo-browser-extension.git
cd tudoo-browser-extension

2. Install Dependencies

Make sure you have Node.js installed, then run:

npm install

3. Build the Extension

Compile the project:

npm run build

4. Load the Extension into Chrome

  1. Open Chrome and navigate to: chrome://extensions
  2. Enable Developer Mode (toggle is in the top-right corner).
  3. Click Load unpacked and select the dist folder from the project directory.

Your extension should now be active and visible in your Chrome toolbar.



Contributions, feedback, and suggestions are highly welcome. If you'd like to contribute, please open an issue or submit a pull request!

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes