All projects

Browser extension

Quick Notes Extension

Role

Developer

Year

2024

Client

Personal project

Stack

ReactTypeScriptVite

Overview

A Chrome extension for capturing notes without switching tabs or losing your place on the page you're reading. Click the extension icon, type, and press Ctrl+Enter to save — no window switching, no separate app.

Features

Notes are saved to local storage, so they persist across browser sessions, and a real-time search bar makes it fast to find an old note again. The interface lives in a sidebar accessible from the extension icon at any time.

Notes stay on-device by default — connecting a Google account is optional, and syncs them to Google Tasks rather than a custom backend.

Tech stack

Built with React 18 and TypeScript, bundled with Vite, styled with Tailwind CSS, and packaged against Chrome's Manifest V3 for compatibility with current extension standards.

Source & setup

Not yet published to the Chrome Web Store. To try it locally: clone the repository, run npm install and npm run build, then load the generated dist folder via chrome://extensions with Developer mode enabled.

More work
this way.

All projects