Back to List

Enterprise ESG Disclosure Data Management Platform

Client logo

ESG management platform for systematically collecting and managing corporate ESG disclosure data
Supports data input by environmental, social, and governance indicators and generates reports compliant with regulatory standards.

Enterprise ESG Disclosure Data Management Platform - Media 1
1 / 7

Roles

PlanningDesignFrontendBackend

Tech Stack

React
TypeScript
Vite
TanStack Query
Recoil
Ant Design
styled-components
i18next

Key Features

  • Material Issues Management: Register ESG material issues in Topic/Sub-Topic structure and assign responsible personnel for assessment tracking
  • Indicator Set Management: Select indicators by global disclosure standards (ESRS, ISSB, GRI, SEC) and assign responsible/approval personnel for systematic management
  • Disclosure Data Input/Management: Multi-tier workflow for data point allocation and value management at company, team, and personnel levels
  • Excel Bulk Upload: Bulk upload large volumes of ESG data via Excel templates with validation before saving
  • Data Approval Workflow: Status management and history tracking for Data Input → Save → Approval Request → Approve/Reject flow

Key Achievements

  • Component Library Development: Built reusable component library (CTable, CButton, CModal, etc.) customized to project design system based on Ant Design
  • Role-Based UI Branching: Dynamic tab and feature visibility control based on user permissions (HQ ESG team, subsidiary teams, etc.) using Recoil selectors
  • TanStack Query Data Management: Implemented consistent React Query hook patterns for API state management, caching, and optimistic updates
  • Multi-Step Form Implementation: Improved UX by designing complex input processes (indicator addition, issue registration) as step-by-step UI
  • Table Filtering/Sorting System: Implemented data tables with filtering by various conditions (disclosure standards, status) and column sorting
  • Multi-language Support (i18n): Korean/English multilingual support and automatic language detection using i18next
  • Hierarchical Navigation: Intuitive information hierarchy navigation with multi-level menu structure and breadcrumbs
#ESG
#Enterprise
#React
#TypeScript
#Data Management
#KPMG