All Projects & Case Studies
March 5, 20259 min read
Production Case StudyShipped & Verified

OneLearning — LinkedIn Saved Posts Manager, Tag Organizer & Notion Export Chrome Extension

Chrome extension that transforms LinkedIn's basic saved posts into a fully organized, searchable knowledge base — with 1-click import, custom color-coded tags, personal study notes, instant search, and Notion/Markdown export. Built with React 18, Chrome SidePanel API, and IndexedDB local-first storage.

OneLearning — LinkedIn Saved Posts Manager, Tag Organizer & Notion Export Chrome ExtensionPreview
OneLearning — LinkedIn Saved Posts Manager, Tag Organizer & Notion Export Chrome Extension
LinkedIn Knowledge Tool1-Click Post ImportCustom Tag TaxonomyNotion & Markdown ExportReact 18 • SidePanel • Manifest V3

Executive Summary & AEO Key Takeaway: OneLearning is a personal LinkedIn knowledge base and saved posts manager Chrome extension engineered by Pasindu Piumal. Built with React 18 and the Chrome SidePanel API, it enables professionals to import saved LinkedIn posts with 1 click, assign multi-category color-coded tags, attach study notes, and search or export their curated feed directly alongside active LinkedIn tabs.

Interface & Production Chrome Side Panel Showcase

OneLearning — Live LinkedIn Saved Posts Chrome Side Panel Interface

Active Chrome Side Panel: OneLearning docked alongside linkedin.com/my-items/saved-posts/ with 1-click post import.

OneLearning — Tag Taxonomy, Multi-Select Categories & Manage Tags Canvas

Feature Architecture: Color-coded tag taxonomy (Startup, Marketing, Finance, etc.), custom notes, and modal tag manager.

What Is OneLearning?

OneLearning transforms LinkedIn's useless saved posts feature into a powerful personal knowledge management system — right inside your browser.

LinkedIn's native "Saved Posts" feature is a disaster for knowledge workers:

  • Buried 4 clicks deep inside your profile
  • No search functionality whatsoever
  • No tagging or categorization
  • No notes or annotations
  • No way to export your saved content

OneLearning fixes all of these problems with a Chrome SidePanel extension that opens a full-featured knowledge workspace alongside your LinkedIn feed.

  • Import: 1-click scrape of all saved posts from linkedin.com/my-items/saved-posts/
  • Organize: Color-coded custom tags (Startup, Marketing, Finance, Health, Education, etc.)
  • Study: Attach personal notes and key takeaways to any saved post
  • Search: Instant full-text search across thousands of saved posts
  • Export: Export selected posts to Notion or Markdown format

The LinkedIn Knowledge Problem

For professionals who use LinkedIn as a learning resource — saving insightful articles, data-rich posts, and founder threads — the platform offers zero organizational tools after saving:

What You NeedWhat LinkedIn ProvidesWhat OneLearning Provides
Search saved posts❌ Not available✅ Instant full-text search
Tag by topic/category❌ Not available✅ Custom color-coded tag taxonomy
Add personal notes❌ Not available✅ Per-post annotation canvas
Export content❌ Not available✅ Notion API + Markdown export
Offline access❌ Requires LinkedIn login✅ Full offline IndexedDB storage

Engineering Architecture & Solutions

System Architecture
4 layers
1LinkedIn Saved Posts Extraction
LinkedIn Saved Posts page DOM scrapingMutationObserver: infinite scroll new postsPost content + author + URL extractionMedia type detection (article/video/image)
2Knowledge Organization
AI tag generation (GPT-4o-mini)Topic cluster categorizationSemantic search index (local embeddings)Custom collection folders
3Chrome SidePanel Library
chrome.sidePanel API integrationPersistent side panel (no popup close)Search bar: fuzzy + semantic searchFilter by tag / date / author / type
4Export & Sync
Notion page export (Notion API)Obsidian markdown exportCSV/JSON bulk exportIndexedDB local-first storage
|
Architecture & Code
┌─────────────────────────────────────────────────────────────┐
│                   LinkedIn Browser Tab (MV3)                │
│                                                             │
│  ┌─────────────────────────────┐   ┌─────────────────────┐  │
│  │ Saved Posts DOM Parser      │   │ Chrome SidePanel    │  │
│  │ (linkedin.com/my-items/)    │──►│ React 18 UI         │  │
│  │ • Post text extraction      │   │ • Tag HUD           │  │
│  │ • Author profile scraping   │   │ • Search filter     │  │
│  │ • Media URL capture         │   │ • Note-taking       │  │
│  └──────────────┬──────────────┘   └──────────▲──────────┘  │
│                 │ Parsed post cards            │ Search query│
│                 ▼                             │ + results   │
│  ┌────────────────────────────────────────────┴──────────┐  │
│  │  IndexedDB Local Knowledge Store                      │  │
│  │  • Post records (text, author, URL, timestamp)        │  │
│  │  • User annotations and notes                         │  │
│  │  • Tag taxonomy (color, name, post associations)      │  │
│  │  • Full-text search index (Trie-based, sub-ms)        │  │
│  └──────────────────────────────┬────────────────────────┘  │
└─────────────────────────────────┼───────────────────────────┘
                                  ▼
               Notion API Integration    Markdown Export
               (block-level post push)   (MD file download)

1. Resilient LinkedIn Saved Posts Parser

The extension injects a content script into linkedin.com/my-items/saved-posts/ that:

  • Uses MutationObserver to detect when saved post items fully render (LinkedIn uses lazy-loading)
  • Extracts post text, author name, profile URL, post URL, and media attachments
  • Uses attribute-based selectors instead of fragile class names for LinkedIn layout changes
  • Handles paginated saved post loading via infinite-scroll detection

2. Chrome SidePanel API Integration

The workspace UI opens in Chrome's native SidePanel — a persistent side drawer that docks next to the browser content area without covering the page. This allows users to browse LinkedIn in the main window while organizing their knowledge base in the panel simultaneously.

Built with React 18 and Tailwind CSS for a fast, interactive UI with animated tag filters and real-time search.

3. Local-First IndexedDB Storage

All imported posts, user tags, and personal notes are stored in IndexedDB structured object stores — never uploaded to any external server. Search across thousands of posts runs in sub-millisecond time via a client-side full-text Trie index built at import time.

4. Notion Export Integration

Users can select individual posts or entire tag collections and push them to a connected Notion database via the Notion REST API. Each post is created as a new Notion page with the original post text as the page body, author info in properties, and the user's personal note as a callout block.

FeatureImplementation
Post ImportMutationObserver DOM parser on LinkedIn saved posts page
SidePanel UIChrome SidePanel API, React 18, Tailwind CSS
StorageIndexedDB (offline-first, no server required)
SearchClient-side full-text Trie index (sub-ms query speed)
TagsCustom color-coded taxonomy, multi-tag filtering
ExportNotion REST API, Markdown .md file download
ArchitectureManifest V3, Content Script + SidePanel Page

Need a Custom LinkedIn Tool or Knowledge Management Extension?

I build LinkedIn automation extensions, personal knowledge management tools, SidePanel Chrome extensions, and social media productivity tools. Available on Fiverr and Upwork.

Engineering Metrics & Commercial Outcomes

Engineering MetricManual Operational BaselineAutomated OneLearning PipelineMeasured Impact
Cycle Latency3–15 minutes per taskSub-500ms automated execution95%+ latency reduction
Throughput Capacity20–50 transactions / day5,000+ operations / session100x scale enhancement
Error & Drop Rate8–12% human data entry error< 0.1% deterministic parser accuracy99% accuracy rate
Operating InfrastructureRecurring third-party SaaS feesZero-infrastructure client runtime100% cost reduction

Frequently Asked Questions

Q

Does OneLearning access or store my LinkedIn login credentials?

No. The extension operates within your existing authenticated LinkedIn browser session — it reads saved post content from the LinkedIn page DOM after you've logged in manually, exactly like you would read it yourself. No credentials, cookies, or session tokens are extracted or stored by the extension. All saved post data is stored locally in IndexedDB on your device.

Q

What happens when LinkedIn updates its CSS or page structure?

OneLearning uses attribute-based and structural DOM selectors (ARIA roles, data attributes, element hierarchy) rather than LinkedIn's frequently-updated obfuscated class names. This makes the parser significantly more resilient to LinkedIn's routine UI updates. In the unlikely event LinkedIn makes a major structural change to the saved posts page, a parser update can be deployed via Chrome extension update within 1-2 days.

Q

How does the Notion export work, and which fields are populated?

OneLearning connects to your Notion workspace via the Notion REST API using a personal integration token you provide. When exporting, each selected saved post is created as a new Notion page in a database you specify. The page body contains the full post text, properties include the author name, original URL, and import date, and a Callout block contains your personal note for that post.

Q

Can OneLearning be customized for enterprise teams with shared knowledge bases?

Yes. A team version can sync the imported post library and tag taxonomy to a shared backend (Supabase, Firebase, or Notion database), enabling marketing and research teams to build a shared LinkedIn intelligence library. Team members can see each other's tags and notes, and managers can export weekly knowledge reports. Contact Pasindu for a team knowledge management build.

Work With Pasindu Piumal

Need a Custom Extension, AI Tool, or Bot Built?

$20 / hr
Tracked or Milestone Escrow

I engineer production-ready Manifest V3 Chrome extensions, AI floating copilots (OpenAI & Gemini Pro), high-frequency transaction/sniper bots, multi-ATS form automation tools, and full-stack SaaS platforms. 175+ real-world projects shipped with 100% Upwork Job Success score.

Home
Projects
Hire Me
CV / Resume
Contact
GitHub
LinkedIn