Loading
Projects/Case Study
SaaSPersonal Project

Synthmark

Synthmark is a production-grade annotation workspace designed specifically for computer vision teams. It streamlines the process of labeling images with polygon, bounding box, and keypoint annotations while providing built-in review workflows, version control, and ML-ready exports.

Role

Full Stack Developer

Year

2026

Stack

Next.js, TypeScript, TailwindCSS

LIVE SITE
PRIVATE
Synthmark
01

The Challenge

Building a high-performance canvas-based annotation tool that handles large datasets while maintaining smooth interactions across polygon drawing, box selection, and keypoint placement. The challenge was implementing real-time collaboration features, role-based access control, and ensuring exports are compatible with major ML frameworks.

02

The Outcome

Delivered a full-stack SaaS platform with a custom annotation canvas, email-based verification flow, admin dashboard for user management, and support for COCO, YOLO, VOC, and JSON exports. The platform features role-based access (admin, annotators, reviewers) and intuitive keyboard shortcuts.

03

What It Does

01

Polygon Annotation

Precise multi-point polygon drawing with vertex editing

02

Bounding Box Labeling

Fast box creation with aspect ratio locking

03

Keypoint Annotation

Skeleton-based point labeling for poses and landmarks

04

Review Workflows

Built-in review cycle with changeset tracking

05

Role-based Access

Admin, Annotator, and Reviewer roles with granular permissions

06

ML-ready Exports

COCO, YOLO, VOC, and JSON format support

07

Keyboard Shortcuts

Efficient labeling with customizable shortcuts

08

Admin Dashboard

User management and project oversight

09

Email Verification

Secure signup flow with verification codes

10

Version Control

Track annotation history and changes

04

Gallery

Click to expand
Haider Ahmad | Full Stack Developer