Preview

AIMS Redesign — PLM Student Portal

Next.js React TypeScript Material UI CSS Modules
AIMS Redesign — PLM Student Portal — screenshot 1AIMS Redesign — PLM Student Portal — screenshot 2AIMS Redesign — PLM Student Portal — screenshot 3AIMS Redesign — PLM Student Portal — screenshot 4AIMS Redesign — PLM Student Portal — screenshot 5AIMS Redesign — PLM Student Portal — screenshot 6AIMS Redesign — PLM Student Portal — screenshot 7AIMS Redesign — PLM Student Portal — screenshot 8AIMS Redesign — PLM Student Portal — screenshot 9AIMS Redesign — PLM Student Portal — screenshot 10AIMS Redesign — PLM Student Portal — screenshot 11AIMS Redesign — PLM Student Portal — screenshot 12AIMS Redesign — PLM Student Portal — screenshot 13

AIMS Redesign reimagines the Pamantasan ng Lungsod ng Maynila (PLM) Academic Information Management System as a modern, responsive student portal built on the Next.js App Router.

  • 12 full screens including dashboard, enrollment, class offering, schedule, grades, deficiency tracking, school fees, calendar, faculty evaluation, messaging, and account settings.
  • Component-driven UI with Material UI 7 + Emotion, organized per-feature.
  • End-to-end enrollment flow with a confirmation step and optimistic fee payments.
  • Threaded messaging backed by a React context provider.
  • Typed mock data layer (`src/data/*`) modeling every portal domain — no backend required.