← Back to portfolio

Selected work

PaperFlow

In devVisitCode

A premium document workspace for scanning, cleaning, extracting, studying, and exporting documents in one place.

Summary

PaperFlow is a full-stack document productivity platform designed around a complete document workflow — scan, clean, OCR, edit, study, and export. Built with Next.js and TypeScript, the platform combines browser-side document processing with Supabase authentication and PostgreSQL, Tesseract.js OCR, PDF/DOCX tooling, OpenAI-powered study notes, and Razorpay subscriptions. The product is designed to evolve from a document utility into a complete productivity workspace for students and professionals.

Problem

Students and professionals often rely on multiple disconnected tools for scanning documents, extracting text, editing files, generating notes, and exporting their work.Existing PDF and document tools can feel fragmented, expensive, or overly complicated for users who simply want to transform documents into usable study and productivity material.There is an opportunity to combine document processing, OCR, AI-assisted study workflows, and export capabilities into a single focused workspace.Building the product also requires secure authentication, role-based access, private student verification, subscription management, and safe handling of AI and payment credentials.

Solution

A unified document workspace that brings scanning, document cleanup, OCR, editing, AI-powered study notes, and export into a single workflow. PaperFlow uses browser-side processing where practical while keeping authentication, database access, billing, and sensitive AI operations behind secure server-side boundaries. The architecture is designed to support free users, verified students, Pro subscribers, and administrators.

Features

Document workspaceA centralized workflow built around scanning, cleaning, OCR, editing, studying, and exporting documents.
OCR processingTesseract.js enables browser-side OCR so users can extract text from scanned documents and images.
PDF & image toolsBrowser-side document processing with pdf-lib provides the foundation for working with PDFs and images.
AI study notesOpenAI's Responses API powers the study workflow, turning extracted document content into useful study notes.
DOCX generationThe document pipeline supports generating editable DOCX output alongside PDF-based workflows.
Student verificationVerified students can submit college-ID verification and receive a temporary Pro benefit followed by student-discount eligibility.
Pro subscriptionsRazorpay Subscriptions provides the foundation for recurring Pro billing with separate regular and verified-student plans.
Role-based platformFree users, verified students, Pro subscribers, and administrators have different capabilities and platform responsibilities.

Architecture

Frontend

Next.jsNext.js
TypeScriptTypeScript
Tailwind CSSTailwind CSS

Backend

SupabaseSupabase
PostgreSQLPostgreSQL
RazorpayRazorpay

PaperFlow is built as a Next.js + TypeScript application using Tailwind CSS for the product interface.

Supabase provides authentication, PostgreSQL database functionality, row-level security, and private storage for student verification.

Browser-side processing handles PDF and image operations with pdf-lib and OCR with Tesseract.js where appropriate.

DOCX generation is handled through the docx library, providing an editable document export path.

OpenAI's Responses API powers the AI study-notes workflow, with the API key kept server-side.

Razorpay Subscriptions provides recurring Pro billing, with webhook handling used to synchronize subscription state.

The application includes an admin foundation for student verification, Pro grants, and platform analytics.

Heavy Office/PDF conversion workloads are planned for an isolated worker architecture rather than serverless request execution.

Results

7 commits

1 star

1 fork

0 open issues or pull requests

Pre-release / portfolio-stage build