Overview
Monitor Indonesia Remake is an internal back-office platform for the Monitor Indonesia newsroom and operations team. The remake rebuilds the admin experience around a clean architecture approach with Next.js, reusable CRUD patterns, and a clearer interface for high-volume editorial tasks.
The focus of the remake was to improve how content teams manage publishing, media assets, and supporting configuration through a faster, more consistent, and more maintainable admin workflow.
Role
_Front-End Web Developer (Admin Dashboard)
Core Stack
Next.js
A React framework for production.
TypeScript
A superset of JavaScript that compiles to clean JavaScript.
TailwindCSS
A utility-first CSS framework.
- Next.js 15 + React 19 for modern admin pages and scalable frontend workflows.
- TypeScript for safer, maintainable application logic and UI contracts.
- Tailwind CSS + Radix UI for a polished and consistent dashboard interface.
- TanStack Query, TanStack Table, React Hook Form, and Zod for complex data handling, forms, and reusable CRUD patterns.
- Rich text tooling for editorial content management experiences.
Contributions
- Built and refined CRUD workflows across major back-office modules including news, archived news, media galleries, advertisements, messaging, and platform settings.
- Helped shape a maintainable frontend structure so features could be extended more easily as the admin platform expanded.
- Implemented admin-facing pages and flows for modules such as all news, news categories, category headers and footers, widgets, information pages, image assets, photo galleries, infographic galleries, caricature galleries, video galleries, advertisement locations and types, sharing sites, and contact messaging.
- Contributed to role-aware operational tooling, including menu, role, member, user, and menu-access management patterns used across protected routes.
- Improved day-to-day newsroom usability through consistent forms, table patterns, detail/edit/create flows, loading states, and guarded access behavior.
- Added content-aware loading skeletons that mirrored the final layout, making the dashboard feel faster and more stable while data-heavy pages loaded.
Showcase Highlights
- Designed for high-frequency admin work, with consistent create, edit, detail, and listing flows across many content modules.
- Improved content operations with clearer information hierarchy, repeatable UI patterns, and more efficient dashboard interactions.
- Supported role-based access patterns so different operational users could work within the same system safely and clearly.
- Balanced product usability with maintainability, making the admin interface easier to evolve over time.
Screenshots
Login UI
Dashboard UI
Period
December 2025 - February 2026
Collaborators
This project was a collaborative effort with the following team members:
