Portfolio

Player 2 Helpdesk

Ryan Gan
Ryan GanFrontend Developer / May 24, 2023
reactspringboottypescriptjavapostgresqlreduxfigmamuitailwindcssaws

A custom helpdesk application

Player 2 Helpdesk

Overview

Player 2 Helpdesk is a custom web application tailored to support the Player 2 social networking community by facilitating the communication between the Player 2 users and the support staffs.

Responsibilities

  • Led the frontend team from UI conceptualization in Figma to functional implementation using React and TypeScript

  • Implemented authentication and authorization, including magic link registration, login, password reset, and role-based access control

  • Designed and developed a user-friendly dashboard with advanced filtering and sorting capabilities

  • Created a visualized reporting system with customizable date range and filter options using Rechart to provide insights into helpdesk performance

  • Collaborated closely with the backend team to integrate server-sent events for real-time chat and notification functionality

  • Configured and managed global states using Redux to ensure state consistency across the entire application

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3