RB

ruhon.dev

developer portfolio

boot
terminal — ruhon01
$npm runportfolio

██████╗ ██╗   ██╗██╗  ██╗ ██████╗ ███╗   ██╗
██╔══██╗██║   ██║██║  ██║██╔═══██╗████╗  ██║
██████╔╝██║   ██║███████║██║   ██║██╔██╗ ██║
██╔══██╗██║   ██║██╔══██║██║   ██║██║╚██╗██║
██║  ██║╚██████╔╝██║  ██║╚██████╔╝██║ ╚████║
╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝

██████╗  ██████╗ ██████╗  █████╗ ██╗  ██╗
██╔══██╗██╔═══██╗██╔══██╗██╔══██╗██║  ██║
██████╔╝██║   ██║██████╔╝███████║███████║
██╔══██╗██║   ██║██╔══██╗██╔══██║██╔══██║
██████╔╝╚██████╔╝██║  ██║██║  ██║██║  ██║
╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝

booting developer environment

Full-Stack Developer//UI/UX Designer//Digital Product Builder

NEXT.JSNODE.JSMONGODBUI / UX
compiling interface000%
runtime.logLIVE
01const ruhon = new Developer();
02ruhon.stack = ['Next.js', 'Node.js', 'MongoDB'];
03ruhon.role = 'Full-Stack Developer';
04ruhon.focus = ['UI/UX', 'Engineering'];
05await ruhon.initialize();
initializing runtime...PID 2026
Runtime
Next.js
Interface
Ready
System
Booting
© 2026 Ruhon Borah
build / 000
PRJ / 005
Browser Extension/2025/Completed

WebScribe.

Project Overview

A modern browser extension for highlighting, organizing, and managing notes directly on webpages with beautiful color-coded annotations.

GitHubView Live
SCROLL TO EXPLORE005 / 001
WebScribe project cover
FIG / 001

Category

Browser Extension

Environment

Chrome Extension

Language

TypeScript

Status

Completed

01 / Overview

From concept to production-ready system.

A better way to collect information from the web.

A productivity-focused browser extension for capturing, organizing and revisiting important information while browsing.

Built with

ReactTypeScriptTailwind CSSChrome Extension APIIndexedDB

02 / Workflow

How it
comes together.

01

Highlight

Select and highlight important content directly on webpages.

02

Organize

Use colors and notes to organize research.

03

Store

Persist annotations locally using IndexedDB.

04

Search

Quickly find previously saved notes and highlights.

03 / Stack

Tools and technologies used to bring the product to life.

Built with
the right tools.

01

React

02

TypeScript

03

Tailwind CSS

04

Chrome Extension API

05

IndexedDB

06

Vite

07

Framer Motion

04 / Gallery

Project visuals.

02 FIGURES
WebScribe screenshot 1
FIG / 001
WebScribe screenshot 2
FIG / 002
End of case study

Project

WebScribe.