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. It is where the team manages properties, rooms, homeowners, enquiries, and images, all the operational data behind the public MC Home website.

๐ŸŽฏ

The Problem

The business was managing everything manually and it had gotten fragmented, so they needed one centralized system instead. Property and room information needed to be structured and connected through a clean admin workflow, one that could also handle image uploads, cover image selection, drag-and-drop ordering, filters, and relational data updates.

โœ…

The Solution

I designed and built a modular admin portal using Next.js Pages Router, Ant Design, MongoDB, and AWS S3, organized into feature-based modules for Property, Room, Homeowner, and Enquiry management. Underneath that sit reusable service layers, protected API routes, structured data models, and drag-and-drop image management built with 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