04 / 11Flagship / Community Infrastructure
HMM ITB Platform
A learning and community platform that grew from course management into shared digital infrastructure for HMM ITB.
01Context
The engineering problem
Unify academic resources, community information, administrative workflows, and member-facing tools without turning the product into disconnected microsites.
Developed a typed Next.js platform with authentication, Prisma-backed data, file storage, rich content tooling, notifications, and a worker layer.
A deployed platform with a substantial application surface, documented setup, database migrations, tests, and ongoing organizational use.
02System architecture
How the layers connect
The diagram is paired with a text alternative and remains readable without animation or WebGL.
- Experience: Member, learning, event, content, and administrative interfaces.
- Application: Typed server and client flows built with Next.js and tRPC.
- Identity: Authenticated access with an Auth.js and Prisma integration.
- Data: Prisma migrations over a relational application model.
- Services: Object storage, notifications, calendar data, and background worker concerns.
03Engineering decisions
Choices that shaped the result
Let the platform evolve
The repository documents its transition from a learning-management tool into a broader community application instead of hiding that product history.
Keep operational tools in the same system
Member-facing experiences and administrative workflows share the same data and identity foundations.
04Technical footprint
Stack in context
- Next.js
- TypeScript
- Prisma
- PostgreSQL
- Auth.js
- tRPC
- R2
- Community platform
- PWA capability
- Tested application