The Student Ambassador Portal is a modern web platform designed to streamline the recruitment, management, and task assignment process for student ambassadors in educational institutions. It enables administrators to create and track tasks, manage role-based permissions, and monitor performance, while ambassadors can easily view and complete their assigned activities. The system features nine interactive dashboards designed for different roles across four core units: the Leads Management Unit, which oversees outreach and ambassador engagement; the Event Management Unit, which handles planning and coordination of events; the Digital and Social Media Marketing Unit, which manages online presence and promotional activities; and the HR & Finance Unit, which takes care of onboarding, performance, and resource management. By combining role-specific dashboards with secure authentication, responsive design, and efficient workflows, the platform ensures transparency, accountability, and a smooth collaborative experience for all users. 🚀
The Challenge
Managing student ambassador programmes often becomes complex due to multiple roles, overlapping tasks, and the need for efficient communication between admins and ambassadors. The challenge was to build a centralised system that handles diverse user roles, automates repetitive tasks, and ensures scalability.
- Designing a scalable multi-role system with role-based permissions (Admin, Unit Lead, Ambassador).
- Building an efficient task management flow supporting single and multi-task assignments with real-time tracking.
- Delivering a responsive and accessible UI that balances usability with system complexity.
The Solution
To overcome these challenges, I implemented a role-based access system powered by JWT authentication and designed a flexible task management flow supporting both individual and group assignments. The frontend leverages Next.js, Tailwind CSS, and Shadcn for a responsive, component-driven UI, while Zod and react-hook-form streamline form handling and validation. MongoDB with Mongoose ensures reliable data storage and querying, keeping the system scalable and robust.
- Secure role-based authentication with JWT for Admin, Unit Lead, and Ambassador.
- Task dashboard with multi-task assignment and real-time tracking.
- Scalable full-stack system using Express.js, MongoDB, Shadcn, and Tailwind CSS.
Project Results
The final system delivers a smooth and efficient workflow for student ambassador management. Admins and unit leads can now assign and monitor tasks seamlessly, while ambassadors enjoy a user-friendly platform to manage their responsibilities. The project highlights a strong balance of technical depth and usability, improving collaboration and efficiency within student programmes.
- Streamlined recruitment and task assignment for ambassadors.
- Clear role-based workflows that minimise confusion.
- Improved transparency and accountability across the platform.
