Transcendence
Full-Stack Multilingual Platform
A multilingual moving-services platform with customer, mover, and admin portals — featuring real-time communication, role-based access control, and a fully internationalized UI, deployed behind an NGINX reverse proxy.
The Problem
Moving services involve three very different users — customers, movers, and administrators — who each need a tailored experience, in more than one language, with live coordination between them.
The Challenge
Building three role-specific portals that share state and communicate in real time, while keeping the entire UI internationalized and production-deployable, without the surface area collapsing into spaghetti.
Architecture
- Next.js App Router with server-side rendering for fast, SEO-friendly pages.
- Zustand for predictable client state shared across portals.
- Socket.io layer for real-time customer ↔ mover communication.
- Role-based access control gating routes and actions per user type.
- NGINX reverse proxy fronting the deployment.
Workflow
- 1Customers request and track moves through a localized portal.
- 2Movers receive and coordinate jobs in real time.
- 3Admins manage users, jobs, and platform state.
- 4All three surfaces stay in sync over websockets.
Engineering Decisions
- →Zustand over heavier state libraries to keep cross-portal state simple.
- →Server-side rendering for performance and shareable URLs.
- →Internationalization built in from the start rather than retrofitted.
Results
Lessons Learned
Designing role boundaries and internationalization early kept a large, multi-surface app maintainable as it grew.
Future Improvements
- Payment and scheduling integrations.
- Mobile companion app for movers.
- Analytics dashboard for admins.