Navdeck

Overview

Navdeck is a web platform for upskilling and empowering employees across different companies. Based in Singapore, it brings skill development, learning content, and organisation management into one product.

The challenge

Navdeck serves several kinds of user with very different needs — an Admin managing organisations, a Trainer running classes, and a Student learning — inside a single app. The challenge was one coherent UI that still gates features cleanly by role, with skill data that's readable at a glance.

My role

• Build the application end to end on a modern Next.js stack.
• Establish the design-system foundation (Tailwind + shadcn/ui).
• Implement role-specific product features and access control.

Approach

I started from a shared component library so every role's screens felt like one product, then layered role-gated routing on top. Forms are validated with Zod + React Hook Form, and authentication/authorisation runs through NextAuth.

What I built

• Skill Mapping to track and visualise employee capabilities.
• Class & Course management for structured learning paths.
• Organisation management across multiple companies.
• Role-based experiences for Admin, Trainer, and Student.

Under the hood

• Next.js 14 + TypeScript with a Tailwind CSS + shadcn/ui design system.
• NextAuth for authentication and role-gated access.
• Zod + React Hook Form for validated forms throughout.

Tools

Figma · VS Code · GitLab · GitHub Actions · Docker · VPS