Libbler set out to transform Asia's recruitment industry by shifting from traditional keyword searching to candidate-centric matching. Elementica refactored the core admin workspace and engineered a custom, real-time text editor from scratch — featuring live logical heatmaps, entity auto-tagging, and contextual autocomplete — delivering a 94% increase in talent specialist performance.
Product Development/HR Tech/USA
Preferred HR partner — adopted by a majority of premier corporate employers across Asia
Zero-latency collaboration via real-time WebSocket synchronization across shared candidate records
Ground-up custom editor — proprietary text engine with real-time heatmaps and automated entity creation
Client context
Libbler operates at the forefront of recruitment technology in Asia, focusing on high-fit candidate matching rather than high-volume keyword filtering. To maintain a competitive edge, their talent specialists needed tools that sped up profile evaluation without sacrificing candidate nuance.
Recruiters spend most of their working day taking notes, evaluating CVs, and tagging candidate skill profiles. Standard administrative dashboards forced specialists to constantly switch contexts between text editors, tagging interfaces, and company databases — creating cognitive friction and slowing down candidate placements.
The challenge
Off-the-shelf rich-text editors (like TinyMCE or Draft.js) were incapable of supporting Libbler's operational vision. The team required a specialized text editor that could analyze recruiter notes in real time as they were typed — generating visual logical heatmaps, auto-completing industry terminology, and automatically creating missing company or skill entities in the main database without interrupting the recruiter's typing flow.
Elementica's role
Elementica was brought on to lead both the product redesign and the technical execution. We refactored the legacy recruiter admin panel in Vue.js, architected the custom text-editing framework, built the real-time WebSocket communication layer, and optimized backend database queries for instantaneous entity lookups.
The solution
Modernized Recruiter Admin Workspace
We refactored the frontend into a modular Vue.js application tailored to updated recruiter workflows. The workspace unifies candidate profiles, interview logs, and matching scores into a single view, minimizing context switching and reducing administrative overhead.
Recruiter-Assisting Custom Text Editor
We engineered a custom text editor from the ground up. As a recruiter types notes, the editor parses input in real time to generate a color-coded visual heatmap reflecting candidate suitability. It offers single-word and full-sentence autocomplete, and automatically detects unindexed company or skill names, generating new database tags on the fly.
WebSocket-Driven Collaborative Editing
To support team-based recruitment drives, we built a real-time state synchronization layer using Flask-SocketIO and Redis. Multiple talent specialists can collaborate on candidate records simultaneously, seeing typing indicators and note updates instantly without data overwrites.
Engineering decisions that mattered
Event-driven WebSockets over HTTP polling
To make the text editor feel responsive, latency had to remain under 50 milliseconds. We chose Flask-SocketIO over traditional REST polling, establishing full-duplex WebSocket connections that stream keystrokes, heatmap recalculations, and entity lookups asynchronously without freezing the UI thread.
Decoupled background entity extraction via RabbitMQ and Celery
Analyzing unstructured text for company names and skills requires computational effort. To prevent typing lag, we offloaded entity recognition tasks to background Celery workers via RabbitMQ queues. The editor renders local text state immediately while background processes enrich the document asynchronously.
Results
Libbler modernized its recruiting operations, with talent specialists reporting a 94% increase in candidate evaluation speed. The platform established itself as a preferred recruitment technology partner across Asia, proving that specialized, workflow-native tooling directly drives operational output.
Product evolution
Following the core editor deployment, Libbler continues to expand its talent-matching capabilities, integrating automated candidate outreach workflows and predictive tenure scoring into the recruiter workspace.
