Skills Genuinely Verified. Not Just Completed.
Monarch builds a credibility verification layer for online learning platforms. We verify whether you actually understood the content — not just clicked through it. Blockchain-backed, gasless, and genuinely trustworthy.
Developers and students are tired of meaningless completion badges. Traditional certificates prove you bought a course or clicked "Next," but they fail to prove actual understanding or engagement.
We track active watch patterns, quiz consistency, engagement depth, and solving behavior to determine if you genuinely learned — no more meaningless completion badges.
See detailed breakdowns of watch presence, tab focus rates, playback patterns, code originality scores, and solving consistency metrics. Your Monarch Score reflects genuine understanding across platforms.
Mint tamper-proof Soulbound Tokens (SBTs) as proof of verified learning. Powered by the Universal Gas Fund (UGF), meaning all blockchain transactions are sponsored in the background. No ETH or crypto wallet required.
Generate verification links that let employers audit your learning credentials — watch depth, solve patterns, and trust metrics — all on-chain and verifiable.
Connect your Udemy, Coursera, LeetCode, HackerRank, or YouTube learning accounts. The Monarch extension silently monitors your real engagement.
sequenceDiagram
participant User
participant Ext as Monarch Extension
participant Web as Monarch Web App
participant UGF as Universal Gas Fund
participant Monad as Monad Blockchain
User->>Ext: Installs & Connects Wallet
User->>Ext: Watches Course (e.g. YouTube)
Ext->>Ext: Silently Tracks Engagement (Focus, Playback, Speed)
Ext-->>User: Progress Reaches 80%
User->>Ext: Clicks "Claim Certificate"
Ext->>Web: Redirects with Secure Session Data
Web->>UGF: Requests Gasless Minting
UGF->>Monad: Submits Sponsored Transaction
Monad-->>UGF: Returns Transaction Hash
UGF-->>Web: Confirms Mint
Web-->>User: Displays Verifiable Soulbound NFT
- Install & Connect: The user installs the Monarch Chrome Extension and connects their wallet.
- Learn Naturally: The user navigates to a supported platform (e.g., YouTube). The extension silently tracks active watch segments, playback speeds, scrubbing behavior, and tab focus.
- Reach the Threshold: Once the user genuinely watches (or reaches) 80% of the video, their session becomes eligible.
- Claim & Redirect: The user clicks "Claim Certificate" in the extension, which redirects them to the Monarch web app with their verified session data.
- Gasless Minting on Monad: The web app utilizes the Universal Gas Fund (UGF) to mint a Soulbound Token (SBT) directly to the user's wallet on the blazing-fast Monad ecosystem—completely gasless, with zero crypto needed from the user.
Monarch is a full-stack monorepo designed to leverage the high-throughput, low-latency capabilities of the Monad Blockchain while providing a buttery-smooth Web2-like user experience.
flowchart TB
subgraph Browser["User Browser"]
ContentScript["Content Script (Engagement Monitor)"]
BackgroundWorker["Background Service Worker"]
Popup["Extension Popup (React UI)"]
ContentScript <-->|Message Passing| BackgroundWorker
BackgroundWorker <-->|Storage Sync| Popup
end
subgraph Frontend["Monarch Web Platform"]
NextJS["Next.js App Router (React)"]
Tailwind["Tailwind CSS + Framer Motion"]
NextJS --- Tailwind
end
subgraph Blockchain["Monad Ecosystem"]
UGF["Universal Gas Fund API"]
MonadNode["Monad RPC"]
SBTContract["Monarch SBT Smart Contract"]
UGF -->|Gasless Relaying| MonadNode
MonadNode -->|Executes| SBTContract
end
Popup -->|Redirects with Data| NextJS
NextJS -->|Mint Request| UGF
Monarch issues highly dynamic, verifiable Soulbound Tokens (SBTs) that contain granular engagement data. We chose Monad because its parallel execution environment and massive throughput (10,000 TPS) allow us to mint thousands of certificates instantly without network congestion or ridiculous gas spikes. Monad gives Monarch the scalability required to disrupt the global EdTech certification market on-chain.
- Framework: Next.js 16 (App Router)
- Styling: Tailwind CSS v4, Framer Motion (for fluid micro-animations)
- Icons & UI: Lucide React, Radix UI primitives
- Blockchain Interaction: Ethers.js v6
- Gasless Transactions:
@tychilabs/ugf-testnet-js(Universal Gas Fund) for abstracting Monad gas fees. - Deployment: Vercel
- Framework: Plasmo (React-based Extension Framework)
- Language: TypeScript
- Tracking Core: Custom
EngagementMonitorandSessionManagerrunning in Content Scripts to securely evaluate video DOM elements,timeupdateevents, and document visibility. - State Management:
@plasmohq/storagefor syncing session state between content scripts, background service workers, and the popup UI.
First, install dependencies and run the development server:
npm install
npm run devOpen http://localhost:3000 with your browser to see the platform.
Navigate to the extension directory:
cd monarch-extension/extension
npm install
npm run devThen load the unpacked extension into Chrome from the monarch-extension/extension/build/chrome-mv3-dev directory.
Monarch utilizes a distinct premium visual identity:
- Backgrounds: Mesh gradient dark modes (
#000000) and translucent glass card panels (.premium-glass). - Typography: Heavy tracking uppercase (
tracking-tighter,tracking-[0.3em]) for primary headings and system labels. - Micro-Animations: Fluid scaling transitions on hover, dynamic ambient background glows, and pulse indicators for live sessions.
(Refer to gemini.md for specific design tokens and CSS clones).