Back to Portfolio
ETIX Dashboard

ETIX Dashboard

2025
Frontend Developer

An enterprise-grade dashboard for ETIX, Malaysia's leading ticketing platform. The dashboard provides event organizers with tools to manage events, monitor ticket sales, handle customer data, and generate analytics reports.

Location
Kuala Lumpur, Malaysia (Remote)
Duration
2025
Team Size
10 members
Visit Live Site

My Contributions

  • Built the event management module with CRUD operations, image upload, and scheduling on FE integration side
  • Implemented responsive layouts for mobile, tablet, and desktop breakpoints
  • Implemented user authentication with JWT token management
  • Implemented user authorization with role-based access control for different dashboard sections
  • Developed the customer management section with advanced filtering and export functionality
  • Created role-based access control UI for different admin permission levels
  • Built reusable hooks and reusable components of data table with pagination, sorting, and filtering capabilities for event and customer lists
  • Built seat block selector component with clickable venue image for event venue management with interactive seat selection and availability visualization
  • Unit testing for critical components and business logic with Jest to ensure code reliability and prevent regressions

Challenges

  • 1Implementing advanced seat block selector with interactive venue image which user can click section of the image to select the section
  • 2Implementing advance seat selector with interactive seat map which user can click the seat to select the seat
  • 3Building a flexible permission system that adapts UI components based on user roles
  • 4Ensuring dashboard performance with multiple concurrent API calls for widget data

Technology Stack

Next.js

Next.js

Pages Router with SSR for dashboard pages, enabling fast initial loads for data-heavy views

Material UI

Material UI

Comprehensive component library with custom theme for brand-consistent admin interface

SWR

SWR

Data fetching with stale-while-revalidate strategy for real-time dashboard updates

Axios

Axios

HTTP client with interceptors for auth token management and centralized error handling

Zod

Zod

Schema validation library for TypeScript and JavaScript, ensuring data integrity and type safety

Jest

Jest

JavaScript testing framework for unit and integration tests, ensuring code reliability and correctness