Counsellor Dashboard
Track. Manage. Recruit.
About the project
Counsellor Dashboard UI is a Vue 3 and TypeScript single-page application built for Arrowster's educational counsellors to manage the complete student recruitment lifecycle. The platform helps counsellors track students from initial deal creation through school applications, scholarships, task checklists, visa approval, and final commission status all within a structured, role-aware dashboard experience.
Start a project →
The Challenges
Managing Complex Student Recruitment
The dashboard had to support a complex recruitment workflow with multiple student statuses, nested application data, school preferences, scholarships, documents, activity tracking, and role-specific actions while remaining intuitive and efficient for counsellors. Key challenges included handling complex backend payloads, preventing token refresh race conditions, managing cascading preference criteria, resolving CORS and gateway routing issues, supporting Excel imports, reducing prop drilling, and enforcing role-based UI behaviour without a dedicated permissions framework.
The Solution
Role-Based Counsellor Platform
We developed a responsive Vue 3 and TypeScript-based dashboard featuring student pipeline management, detailed application workflows, scholarship tracking, document handling, activity logs, and bulk operations. Reliability was improved through a single-flight token refresh mechanism, structured data mappers for complex API payloads, and a Pinia-powered cascading preferences system. Additional enhancements included Vite proxying for CORS-free local development, Axios gateway routing automation, confidence-based Excel import validation, typed provide/inject patterns to eliminate excessive prop drilling, and centralized role-based access utilities for different counsellor types.
From friction
to flow.
- Before
Student progress tracked by hand across spreadsheets.
AfterStudent lifecycle stages tracked from deal creation to commission paid
5Lifecycle Stages
- Before
Every user saw everything, no access control.
AfterCounsellor roles supported with role-gated dashboard actions and views
4Counsellor Roles
- Before
Applications, files and tasks scattered across tools.
AfterCentralized student workflow covering applications, scholarships, tasks, files, comments, and activity logs
100%Centralized Workflow
