All projects
01fullstack2025

PT.PPMI

Corporate platform and back-office message management system

RoleFullstack Developer
StatusLive
Stack5 technologies
VisibilityPublished
100%Centralized Inquiries
<2sDashboard Data Latency

Developed a unified web platform for PT. Pandi Proteksi Marine Indonesia (PT. PPMI). The project delivers a high-fidelity corporate frontend to enhance digital presence, backed by an intuitive administration dashboard to handle inbound customer communications, log activities, and manage user roles efficiently.

The problem

The company needed a centralized digital channel to capture client inquiries securely. Processing inbound messages via fragmented platforms lacked tracking capabilities, role-based access control, and historical logging for administrators.

The solution

Built a robust MERN stack architecture that serves as both the public marketing site and the internal administrative center. Integrated a secure database schema to ingest and categorize contact forms, enabling real-time dashboard notifications for the operations team.

MongoDBExpress.jsReactNode.jsTailwind CSS
  1. 01

    Inbound Inquiry Funnel

    Secure public-facing forms that sanitize, validate, and stream client messages directly into the backend database.

  2. 02

    Back-office Dashboard

    An administrative control panel equipped with filtering, status tracking, and data persistence for customer messages.

  3. 03

    User Management & RBAC

    Role-Based Access Control allowing secure data visualization based on administrative hierarchy.

Frontend Interface

Responsive Single Page Application (SPA) built with React and styled with Tailwind CSS for optimized rendering.

Backend API Layer

RESTful API services built on Node.js and Express.js handling payload validation and secure routes.

Database Schema

Document-based storage using MongoDB for flexible modeling of unstructured inquiry data and user metadata.