FIRS – Intranet Corporate Dashboard

ReactTypescriptMaterial UIReduxApexChartsFigma
Author

Zahid MK

@zahidmk

FIRS – Intranet Corporate Dashboard

Description

FIRS (Financial Information & Reporting System) is an enterprise-grade intranet dashboard designed for corporate internal management. The platform centralizes data reporting, employee management, and document workflows into a single, secure interface.

Developed using React and Material UI, the dashboard offers a highly functional and consistent user experience. It features complex data visualization using ApexCharts to help stakeholders analyze financial trends and operational metrics in real-time.

Role & Responsibilities:

  • ✓ UI/UX Design & Wireframing
  • ✓ Frontend Architecture with React & TypeScript
  • ✓ State Management using Redux
  • ✓ Data Visualization & Reporting Implementation
  • ✓ Component Library Development with Material UI
  • ✓ Performance Optimization for Large Datasets

Key Features:

  • ✅ Unified dashboard for financial and operational data
  • ✅ Interactive charts and customizable reports
  • ✅ Secure document management and sharing
  • ✅ Role-based access control for different departments
  • ✅ Dark/Light mode support for user preference
  • ✅ Real-time data updates and notifications

Results / Outcome:

The FIRS Dashboard improved internal efficiency by reducing manual reporting time by 40%. Its intuitive design and powerful analytics capabilities have enabled better decision-making across the organization.

Main Dashboard

Main Dashboard

Reports View

Reports View

Screenshot 1Screenshot 2
Zahid MK - Frontend Developer & UI/UX Designer Portfolio