Live Match Graphics & Social Automation Platform
Type
Full Stack
Year
2026
User features
12
Challenges solved
3
Demo login credentials
Email: tanvirch7575@gmail.com
Password: tanvir123
Overview
Visual Source is a matchday operations platform for football clubs that combines live event logging, automated branded graphic generation, squad and fixture management, media storage, and direct publishing to social platforms. Clubs can manage players, fixtures, standings, templates, caption presets, and connected social accounts from one dashboard, then generate and publish professional match graphics during live games or schedule pre-match posts in advance.
Core Technologies
Users Pages and Features
Main end-user workflows and screens shipped for this product.
- Live Match Center: Log match events such as kick-off, goals, assists, yellow cards, red cards, substitutions, penalties, half-time, second-half start, full-time, and after-match updates.
- Automated Graphic Generation: Generate branded match graphics from Fabric.js templates using dynamic placeholders for players, scores, teams, logos, lineups, scorers, venues, and kickoff times.
- Fixture Management: View synced fixtures, create custom matches, upload opponent logos, edit match details, update statuses, and manage scores.
- Player Management: Manage synced and custom players, customize display names, shirt numbers, positions, countries, profile images, and score-specific images.
- Template Builder: Create, clone, edit, preview, and organize match-event templates with a canvas-style editor.
- Caption Presets: Create reusable caption templates by event type with placeholder support for match and player data.
- Media Library: Upload images and fonts, organize assets into folders, rename assets, preview files, and manage team storage usage.
- Publishing Calendar: Schedule pre-match posts with selected templates, captions, custom canvas edits, target accounts, and publish times.
- Social Account Connections: Connect and manage Twitter/X, Facebook Pages, and Instagram accounts through OAuth flows.
- Standings Dashboard: View synced league and season standings with active team highlighting.
- Internationalization: Supports localized dashboard text with next-intl, including English and Dutch message files.
- Responsive Dashboard UI: Built with shared ShadCN-style UI primitives, Tailwind CSS, dark mode support, and team-specific navigation.
Admin Pages and Features
Internal tooling, admin visibility, and operational controls built behind product-facing flows.
- User Management: Admins can create users, assign organizations, link teams, reset passwords, and delete user accounts.
- Sportmonks Team Search: Search external Sportmonks teams and provision them into the platform during user creation.
- Team Data Sync: Trigger Sportmonks synchronization for team rosters, players, fixtures, results, standings, and competition data.
- System Templates: Manage global graphic templates that can be shared across teams.
- System Caption Presets: Manage global caption presets for reusable publishing workflows.
- Admin-Only Routing: Admin pages and API routes are protected with role checks through Better Auth.
Security Features
Safeguards used to keep data, access, and product behavior reliable.
- Better Auth Authentication: Email/password authentication with admin and organization plugins.
- Organization & Team Isolation: Requests resolve the active organization and team so users only access assigned team data.
- Role-Based Admin Access: Admin API routes require an authenticated user with the admin role.
- Encrypted Social Tokens: OAuth access and refresh tokens for social platforms are encrypted before storage.
- Validated API Input: Express routes use Zod schemas for request validation across matches, publishing, templates, presets, and media flows.
- Protected Media Access: Media assets are scoped to the active team and served through authenticated API routes where needed.
- CORS & Cookie Controls: Server CORS origin and Better Auth cookie settings are validated through environment configuration.
Conclusion
Visual Source is a comprehensive sports media automation platform that turns live football match activity into professional branded social content. It combines real-time match logging, external sports data sync, customizable templates, server-side graphic rendering, media management, and multi-platform publishing into one workflow for clubs and media teams.