Frontend Developer Vue 3 / TypeScript (m/v/x)

Salesnote; Zulte; Sur place; EUR 55 000 - 90 000; Plein temps

Résumé du poste

Salesnote zoekt een ervaren frontend engineer om Claritalk te bouwen en te leveren. Je werkt met Vue 3, TypeScript, Vite en Laravel/Inertia SSR. Je implementeert realtime UI, een Markdown-editor, offline-capaciteiten en audio in de browser, met Chart.js voor visuals. Een compact team biedt directe invloed en verantwoordelijkheid.

Verwachte focus ligt op performance, meertaligheid en kwaliteit, met tooling zoals ESLint, Prettier en Playwright. Gent, België is de werklocatie.

Qualifications

• Realtime UI ervaring met Socket.IO en LiveKit.

Responsabilités

• Ontwikkelen van een realtime UI met grafische updates en flows.
• Bouwen en onderhouden van een Markdown-editor boven Milkdown/ProseMirror.
• Zorgen voor offline/performantie-ervaring met service worker en IndexedDB.
• Implementeren van audio-opname en real-time spraakklanten in de browser.
• Integreren van datavisualisaties met Chart.js en relevante animaties.
• Zorgen voor meertaligheid door vertaalsleutels en build-time checks.
• Handhaven van codekwaliteit met ESLint/Prettier/vue-tsc/Sentry.

Connaissances

Realtime UI

Editor UX

Offline performance

Audio in browser

Data visualization

Multilingual UI

Quality tooling

Outils

Vue 3

TypeScript

Vite

Inertia.js

Laravel

SSR

Pinia

Tailwind

Milkdown

ProseMirror

Socket.IO

LiveKit

Chart.js

IndexedDB

Dexie

ESLint

Prettier

vue-tsc

Playwright

Sentry

Description du poste

Waarom wij werken aan Claritalk

Het beste naar boven brengen tijdens gesprekken tussen mensen. Dat is de visie van Claritalk. We focussen op een aantal expert verticals waar er door tijdsgebrek een grote meerwaarde kan gerealiseerd worden door gesprek- en dossierassistentie.

Waarom jij wil werken aan Claritalk

• dit is een scale-up met direct en regelmatig contact met de founders
• het product zelf is een echte gebruikstool, geen software die in de achtergrond draait: mensen gaan dit kennen
• praktische AI met directe invloed op de prestaties bij klanten
• als we iets doen is het omdat het zin heeft
• compact team, dus automatisch veel inspraak en invloed. Keerzijde: verantwoordelijkheid. Moet je willen.
• je UI-beslissingen zie je binnen de week terug in hoe klanten werken

Wat moet je kunnen om aan Claritalk te werken?

Aan de front-end kant werken we met Vue 3 en TypeScript, gebundeld met Vite, deels gekoppeld aan Laravel via Inertia.js met SSR. State via Pinia, styling met Tailwind. We maken gebruik van custom composables: herbruikbare logica, want copy-pasten is nu snel maar straks niet onderhoudbaar.

• Realtime UI. Socket.IO voor live status en streaming updates, LiveKit voor gespreksassistentie, streaming AI-antwoorden die token per token binnenkomen. Je moet dus kunnen nadenken over races, out-of-order events, reconnects en "wat toont het scherm terwijl we nog niets weten".
• Een echte editor. Samenvattingen en rapporten worden bewerkt in een Markdown-editor bovenop Milkdown/ProseMirror, met eigen plugins en blokken. AI stelt wijzigingen voor, de gebruiker beslist. Dat is een UX-probleem en een datastructuurprobleem.
• Offline en performance. Een service worker, IndexedDB via Dexie voor lokale data, en schermen die soms honderden gesprekken en transcripties moeten tonen zonder te haperen. Virtualisatie en meten in plaats van gokken.
• Audio in de browser. Media recording, waveforms, real-time speech clients. Browserverschillen zijn hier geen theorie.
• Datavisualisatie en dashboards met Chart.js, plus wat animatiewerk waar het de UI echt helpt.
• Meertaligheid. Elke user-facing tekst gaat via vertaalsleutels, met een gate op de build die je erop wijst als er een ontbreekt. Geen hardcoded strings.
• Kwaliteit. ESLint, Prettier, vue-tsc type-check, Playwright voor e2e, Sentry voor wat er alsnog stukgaat. De codebase telt ruim 400 componenten, dus consistentie is geen luxe maar een noodzaak.