Back
Year
2025
Tech & Technique
Next.js, Shadcn, Zustand, Tanstack Query, Tailwind CSS
Description
PlotWeaver Translator is a role-based language data collection platform built for recorders, validators, and administrators to manage large-scale audio translation workflows. The platform enables administrators to upload structured translation tasks via Excel files, assign phrases to users, and oversee the entire recording and validation lifecycle.
Recorders access assigned phrases through a dedicated dashboard, record audio translations, and submit their work for review. Validators review submitted recordings, provide quality ratings, and approve or reject entries, while administrators manage users, roles, tasks, and recordings across the platform.
Key Features:
Recorders access assigned phrases through a dedicated dashboard, record audio translations, and submit their work for review. Validators review submitted recordings, provide quality ratings, and approve or reject entries, while administrators manage users, roles, tasks, and recordings across the platform.
Key Features:
- 📄 Excel-Based Task Upload: Admins upload phrase datasets for translation and recording
- 🎙️ Recorder Dashboard: Task-driven interface for recording and submitting audio translations
- ✅ Validation Workflow: Validators review recordings and assign quality ratings
- 🛡️ Role-Based Access Control: Clear separation of admin, recorder, and validator permissions
- 📱 Responsive Web App: Optimized for desktop and mobile recording experiences
My Role
Frontend Engineer
Built and maintained the frontend workflows for a role-based audio translation and validation platform.
Built and maintained the frontend workflows for a role-based audio translation and validation platform.
- 🎨 Application UI: Developed a responsive web application using Next.js, Tailwind CSS, and shadcn
- 🔄 State & Data Management: Managed server state with React Query and global client state with Zustand for task assignment, recording status, and validation flows
- 🛡️ Role-Based Interfaces: Implemented permission-aware dashboards for admins, recorders, and validators
- 🎙️ Recording Experience: Built user-friendly recording interfaces with clear task progression and submission states
- 📋 Admin Tools: Developed admin views for managing users, roles, uploaded tasks, and recordings
- ⚡ Performance & UX: Optimized data-heavy dashboards for fast interactions and reliable user experience