ClipOrder Studio Pro - Video Workflow DashboardClipOrder Studio Pro - Video Workflow Dashboard
Client intake and order workflow dashboard for video editors, short-form creators, and small content studios. Recently UpdatedClipOrder Studio Pro - Video Workflow Dashboard
Client intake and order workflow dashboard for video editors, short-form creators, and small cont...
Overview
ClipOrder Studio Pro is a lightweight order workflow dashboard built for freelance video editors, CapCut creators, TikTok/Reels/Shorts editors, and small content studios.
It helps users manage client requests, video editing orders, deadlines, payments, revisions, invoice messages, and production status in one simple workspace. Instead of using scattered chats, notes, or spreadsheets, creators can keep their editing workflow organized from client intake to final delivery.
The app includes a public client request form where clients can submit project details, contact information, asset links, platform, format, deadline, priority, and brief notes. New requests are added as lead orders inside the dashboard.
The dashboard includes a production board for tracking orders through workflow stages, invoice preview tools, payment balance tracking, revision tracking, task checklist, client summary, CSV export, JSON backup/import, template planning, and dark/light mode.
On desktop, the production board supports drag-and-drop workflow movement. On mobile, the layout is optimized for scrolling and uses Move next / Move back controls so the experience stays comfortable on small screens.
ClipOrder Studio Pro is built with Node.js, HTML, CSS, and vanilla JavaScript. It does not require a database server, build process, or native dependencies. Data is stored in a local JSON file, making it simple to run, backup, move, and customize.
This item is suitable for developers, freelancers, and small studios who want a practical source-code starter for managing video editing service workflows.
Main Use Cases:
Manage video editing orders
Collect client edit requests
Track project status and deadlines
Track payments and remaining balances
Manage revisions and delivery progress
Prepare invoice messages
Print invoice views
Export order data to CSV
Backup and import JSON data
Plan reusable short-form video templates
Customize a lightweight studio dashboard
This is a source-code product. Buyers can modify the design, text, workflow, pricing logic, and storage behavior based on their own project needs.
Features
Features:
- Public client intake form
- Client request submission page
- Automatic lead order creation from intake form
- Mobile-first responsive interface
- Desktop sidebar dashboard layout
- Dark and light mode
- Production board for workflow tracking
- Desktop drag-and-drop board movement
- Mobile-friendly Move next / Move back controls
- Order cards with client, project, deadline, priority, format, payment, and revision data
- Workflow checklist for brief, assets, first cut, captions, client review, and final delivery
- Client summary page
- Invoice preview
- Copy invoice message
- Printable invoice view
- Payment and remaining balance tracking
- Revision tracking
- Pricing helper for video editing services
- Template planner for short-form video ideas
- CSV export for order data
- JSON backup export
- JSON backup import
- Demo data reset
- Local mode support
- VPS/public mode with admin password
- No database server required
- No native dependencies required
- Built with Node.js, HTML, CSS, and vanilla JavaScript
- Clean and easy-to-customize code structure
Requirements
Requirements:
Node.js 18 or newer
Modern web browser
Terminal or command prompt access
Optional VPS or hosting platform for public deployment
Instructions
Installation Instructions:
1. Download and extract the ZIP file.
2. Open the project folder in your terminal.
3. Start the app with:
npm start
4. Open the local URL in your browser:
http://127.0.0.1:8789
5. Open the client intake form:
http://127.0.0.1:8789/request
6. To run the smoke test, use:
npm test
7. To use public/VPS mode, run:
PUBLIC_MODE=1 HOST=0.0.0.0 ADMIN_PASSWORD='your-long-password' npm start
8. If using HTTPS on a public domain, enable secure cookies:
PUBLIC_MODE=1 HOST=0.0.0.0 ADMIN_PASSWORD='your-long-password' COOKIE_SECURE=1 npm start
9. The app stores data in the data folder as a JSON file.
10. You can edit the HTML, CSS, and JavaScript files to customize the design, text, workflow, and business logic.
| Category | Scripts & Code / NodeJS |
| First release | 29 June 2026 |
| Last update | 29 June 2026 |
| Files included | .css, .html, Javascript .js |
| Tags | html, responsive, css, Javascript, dashboard, invoice, client management, video editor, admin dashboard, NodeJS, dark mode, light mode, kanban, csv export, order management, json storage, client intake, freelancer dashboard, video workflow |








