Convert YouTube videos and PDFs into interactive AI-generated mindmaps and summaries.
Demo
Landing Page
Mindmap Generation
AI Summary Generation
User Dashboard
Architecture
Engineering Highlights
Modern UI with Shadcn/Radix UI components and Streaming AI responses + Post Processing for Mermaid.js and JSON schema validation.
Hybrid rendering with Next.js Server and Client Components. Offloaded compute-intensive tasks to the browser using PDF.js for client-side PDF extraction and Wink NLP for client-side natural language processing.
Integrated Merchant-of-Record payments with signed webhook verification, idempotent transaction processing, and atomic Supabase RPC updates.
Custom blob naming schema to enable LIFO Azure Blob Storage Fetches
Upstash Redis - backed distributed rate limiting using Decorator Overloads.
90+ Lighthouse Performance: Dynamic imports, lazy loading with React Intersection Observer, tanstack-virtual, image optimization, and aggressive bundle size reduction.
TanStack Query caching, background refetching, optimistic UI updates and Zustand store for real-time UI state updates.
Leveraged Supabase RPCs for transactional database operations and scheduled cron jobs for automated maintenance, powering user activity tracking, gamification, reward distribution, and usage analytics.
Created DB views to populate frontend user analytics data using O(1) reads, reducing Server/DB compute load for complex calculations.
Developed a comprehensive testing strategy with Jest, React Testing Library, and Playwright, covering state management, custom hooks, OAuth authentication, AI workflows, visual regression, mocked AI responses, and end-to-end user journeys.
Performed load testing with k6 to validate concurrent AI generation, streaming performance, and API throughput under production-like workloads.
Enforced code quality through ESLint, SonarCloud, React Doctor, Knip, automated formatting, and import organization.
Implemented SEO best practices with JSON-LD structured data, dynamic sitemap generation, robots configuration, and AI search visibility optimizations.
CICD Workflow using github actions (jest) + self hosted playwright tests for pages behind oAuth. Automated build and deployments and code review with SonarCloud
Security
- XSS prevention with sanitize-html
- Custom encrypted tokens as parameters for adding gems and currency + rate limiting to reduce attack surface vectors
- Signed webhooks and idempotent transaction API
- Redis rate limiting
- Zod validation
- HTML sanitization
- Secure OAuth authentication
