MC Home Admin Portal
Internal Dashboard

MC Home Admin Portal

๐Ÿ“… 2025 โ€“ 2026๐Ÿ‘จโ€๐Ÿ’ป Full-stack Developer๐Ÿ‘ฅ Solo
Next.jsReactTypeScriptAnt DesignRedux ToolkitMongoDBAWS S3dnd-kit

Overview

An internal admin dashboard for MC Home Management to manage properties, rooms, homeowners, enquiries, images, and operational data powering the public-facing MC Home website.

๐ŸŽฏ

The Problem

The business needed a centralized system to replace fragmented manual data management. Property and room information had to be structured, connected, and manageable through a clean admin workflow, while supporting image uploads, cover image selection, drag-and-drop ordering, filters, and relational data updates.

โœ…

The Solution

I designed and developed a modular admin portal using Next.js Pages Router, Ant Design, MongoDB, and AWS S3. The system uses feature-based modules for Property, Room, Homeowner, and Enquiry management, with reusable service layers, protected API routes, structured data models, and drag-and-drop image management using dnd-kit.

Impact & Results

โš™๏ธ

Centralized System

Operational Efficiency

Was: Manual / Fragmented ยท Streamlined admin workflow
๐Ÿ”—

Relational

Data Management

Was: Unstructured ยท Property โ†” Room โ†” Homeowner linkage
โšก

Dynamic

Content Management

Was: Static ยท Real-time updates to public website
๐Ÿค–

AI-Assisted

Development Workflow

Was: Traditional ยท Faster iteration & improved productivity

Technical Highlights

Next.js Pages Router with protected admin routes and API handlers
Feature-based architecture for Property, Room, Homeowner, and Enquiry modules
MongoDB data modeling for property, room, homeowner, and enquiry relationships
AWS S3 integration for image upload, storage, and retrieval
dnd-kit for drag-and-drop photo sorting and cover image selection
Ant Design forms, tables, filters, modals, and validation-heavy workflows
Service layer abstraction for client-side API calls

Key Outcomes

Improved

Admin Productivity

Centralized management system

Structured

Data Consistency

Relational data modeling

High

Scalability

Modular architecture for future expansion

Accelerated

Development Speed

AI-assisted development workflow