APP IDEA #17 · SAAS · DOCUMENTATION

GuideJar — recording your screen once instead of writing the same answer 50 times

Built solo by Shri Vatz from Chennai, India. GuideJar turns a screen recording into an interactive step-by-step guide automatically — for onboarding, support docs, or internal SOPs. Started slow, then a single AppSumo lifetime-deal launch brought in 1,000+ customers in one campaign.

$6.7K+

Last 30 days revenue (TrustMRR verified)

1,000+

Customers from one AppSumo LTD campaign

$37K

Net revenue from that single campaign

Chennai

Solo founder, built from India

01 / HOW IT WORKS

What the app actually does

GuideJar replaces "let me write up a doc explaining this" with "let me just record myself doing it once." The recording becomes an interactive, click-through guide automatically — not a static video.

User clicks "Start Capture" via the Chrome extension or desktop app

Then just performs the actual process normally — clicking through a product, filling a form, whatever the task is.

GuideJar records every click and screen state automatically

No manual screenshotting between steps — it captures the full sequence as the user works.

It auto-generates an interactive step-by-step guide

Each click becomes a numbered step with a highlighted target, pan/zoom effects, and editable instruction text — not just a screenshot dump.

Share as a link, embed, or AI voiceover demo

Recipients click through it themselves, or watch it play like a guided video — works for onboarding, support docs, or internal SOPs alike.

02 / INDIA POTENTIAL

Does this work as an India play

Proven twice over by an Indian founder already. The next opening is industry-specific guide tooling — generic walkthrough tools don't speak to any one vertical's exact workflow.

IT/BPO

India's massive IT services and BPO sector trains thousands of new hires monthly on internal tools — a heavy, recurring documentation need.

₹499/mo

Realistic India-priced entry tier vs GuideJar's $16-20 (~₹1,400-1,700) — opens the small agency and startup segment.

EdTech

India's edtech and SaaS-for-India sectors both need constant product walkthroughs for less tech-savvy users — a specific, underserved niche.

AppSumo-style

The exact LTD-launch playbook that took GuideJar from $0 to $37K in one campaign is replicable on India-friendly platforms too.

03 / THE WEEKEND BUILD

Friday to Sunday, hour by hour

Scoped to one capture method (Chrome extension only, skip desktop app for v1) and one output format (interactive step guide, skip AI voiceover/video for now).

Friday

Evening · 3 hrs

7–8 PM Set up a Next.js project, Supabase for auth/database, and scaffold a basic Chrome extension manifest.

8–9 PM Build the extension's click-capture logic — listen for DOM clicks and grab a screenshot of the visible tab at each one.

9–10 PM Send captured steps (screenshot + click coordinates) to the backend and store them as a draft guide.

Saturday

Full day · 7 hrs

Morning Build the guide viewer — render each step with a highlighted click target overlay on the screenshot.

Afternoon Build the editor — let users reorder steps, edit instruction text, delete unwanted steps.

Evening Add pan/zoom effects so the viewer auto-focuses on the highlighted click area per step.

Sunday

5 hrs

Morning Build the share flow — public link generation and a simple embeddable iframe snippet.

Afternoon Razorpay integration — ₹499/month for unlimited guides, free tier capped at 5.

Evening Test end-to-end on a real product walkthrough, record the demo for your first post.

04 / APP STACK

What you're actually building with

Next.js 14

Frontend + API routes

Guide viewer, editor, and backend API all in one framework.

Chrome Extension (Manifest V3)

Capture tool

Listens for clicks on the active tab and captures screenshots — the core data-gathering mechanism.

Supabase

Auth + database + storage

Stores guides, steps, and the captured screenshot images all in one place.

Canvas API

Highlight overlays

Draws the click-target highlight box and pan/zoom effect on top of each captured screenshot.

Razorpay

Payments

UPI-first ₹499/month subscription for unlimited guides past the free tier's 5-guide cap.

Tailwind CSS

Styling

Fast enough to build both the editor and the public guide viewer in a weekend.

05 / WHERE & HOW TO DEPLOY

Going live

Where: Vercel for the web app, Supabase for database/storage (already hosted). The Chrome extension itself needs separate submission to the Chrome Web Store.

Push your project to GitHub, import into Vercel — auto-detects Next.js, no config needed.

Add environment variables: SUPABASE_URL, SUPABASE_KEY, RAZORPAY_KEY.

Deploy the web app — Vercel gives you a live .vercel.app URL in under a minute.

Zip the Chrome extension and submit it to the Chrome Web Store — review typically takes a few days to a week, so submit early in the weekend, not last.

While the extension review runs, share the web app directly and let early testers sideload the unpacked extension via Developer Mode.

06 / MARKETING & REVENUE

Getting paying users

How to market it

Post the "record once, never explain again" hook as a reel — show a support ticket being answered with a 10-second guide link instead of typing.
Run 10–20 reels/day across multiple accounts targeting different angles: IT/ops teams, SaaS onboarding, customer support leads.
Run an AppSumo-style lifetime-deal launch early — GuideJar's own founder proved this exact playbook can produce $37K in a single campaign.
Add "Powered by [yourapp]" backlinks on free-tier guides — GuideJar used this for steady organic discovery.
Target IT services and BPO training teams directly — high-volume recurring documentation need.

Who pays, and why

Customer support and onboarding teams trying to cut repetitive ticket volume.
IT/ops teams documenting internal tools and SOPs for fast-growing teams.
SaaS product teams wanting interactive demos instead of static screenshots or video.

Scenario

Paying users/mo

Revenue/mo

Slow start

60 users × ₹499

₹29,940

One LTD-style launch + steady reels

900 users × ₹499

₹4,49,100

10–20 reels/day + IT/BPO partnerships

3,200 users × ₹499

₹15,96,800

07 / START BUILDING

Paste this into Claude or GPT

This prompt sets up the full build context so the AI scopes, plans, and starts coding the project with you from message one.

BUILD_PROMPT.txt

I want to build an interactive step-by-step guide creator for the Indian market, inspired by GuideJar, scoped to ship a working version in a single weekend. Core flow: 1. User installs a Chrome extension and clicks "Start Capture." 2. As they click through a process on any website, the extension captures a screenshot and the click coordinates at each step. 3. Captured steps are sent to a backend and assembled into a draft guide automatically. 4. User can edit the guide: reorder steps, edit instruction text per step, delete unwanted steps. 5. Each step displays with a highlighted box around the click target and a pan/zoom effect focusing on that area. 6. Finished guides get a shareable public link and an embeddable iframe snippet. Stack I want to use: Next.js 14 for the web app and API routes, a Chrome Extension (Manifest V3) for the capture tool, Supabase for auth, database, and screenshot storage, the Canvas API for rendering highlight overlays, Razorpay for a ₹499/month subscription (free tier capped at 5 guides). Deploy target: Vercel for the web app, Chrome Web Store for the extension. Help me, step by step, one question at a time: 1. Scope the Chrome extension's Manifest V3 structure and the click-listening/screenshot-capture logic. 2. Build the backend API route that receives captured steps and stores them as a draft guide in Supabase. 3. Build the guide viewer that renders each step with the highlight overlay. 4. Build the editor for reordering and editing steps. 5. Build the public share link and embed snippet generation. 6. Wire up Razorpay for the subscription and the free-tier guide cap. 7. Walk me through packaging and submitting the extension to the Chrome Web Store, including realistic review timelines. Keep explanations short and India-context aware — ₹-priced, UPI-first payments, and flag the Chrome Web Store review timeline clearly so I don't assume it ships instantly like the rest of the app. Push me to ship the smallest working version first, then improve it. If I get stuck on anything, tell me directly to ask @buildwithkanhaa for the next step or a fresh app idea.