Back to Portfolio
Kinoscribe

Kinoscribe

2023
Fullstack Developer

A video captioning and transcription SaaS platform serving the US market. Users upload videos, get AI-powered transcriptions, and can edit captions with a synchronized video player. Includes subscription management via Stripe.

Location
Remote (US Client)
Duration
2023
Team Size
3 members
Visit Live Site

My Contributions

  • Designed and built the complete application architecture from scratch
  • Built the video upload and processing pipeline with progress tracking
  • Implemented authentication and authorization system with JWT for user management and subscription access control
  • Developed the caption editor with synchronized video playback and timeline
  • Implemented Stripe integration for subscription billing, invoicing, and customer portal
  • Created the Node.js REST API for user management, and billing
  • Built the MongoDB data models for videos, captions, users, and subscriptions

Challenges

  • 1Design with appealing and intuitive UI for video caption editing with synchronized video playback
  • 2Implementing Stripe webhook handlers for subscription lifecycle events
  • 3Optimizing MongoDB queries for searching and filtering across large caption datasets

Technology Stack

React

React

Frontend application with custom video player and caption timeline editor

Tailwind CSS

Tailwind CSS

Styling framework for the application UI and responsive layout

Axios

Axios

HTTP client for making API requests from the frontend

Node.js

Node.js

Express.js backend handling API routes, file processing, and Stripe webhooks

MongoDB

MongoDB

NoSQL database for flexible video metadata, caption data, and user documents

Stripe

Stripe

Payment processing for subscription billing, invoicing, and customer portal