TNers - Admin dashboard

TNers is an Event Management System platform that is designed to make it easy for the event organizer to manage and optimize the whole series of their event in one integrated place, with the focus on the efficiency of the management, starting from the technical setup until the accurate data report.

The main features are the integrated event management (a reliable and intuitive system so every aspect of the preparation stays organized), the flexibility of the ticket category (the organizer is free to decide the participant categories or the ticket classes based on the need of the event), the event management system with a global standard (covering the registration, the distribution of the information, until the technical coordination of the participants), and the comprehensive data analysis (a complete report after the event for the evaluation and the planning of the next one).

This is the side that the organizer uses to manage everything behind the platform. From the dashboard, the admin can create a new event and manage all the events that are already running, complete with the detail of every event and the ticket categories inside it, and also manage the category of the event itself.

The admin can also see the list of the participants who have registered for an event, and handle all the money side of it. On the Manual Settlement page, every booking can be searched by its booking code and filtered by the provider and by the status (pending, success, failed, and expired), so a payment that does not settle automatically can still be resolved manually. And on the Request Withdraw page, the admin can see the available balance and request the withdrawal of it, complete with the history of every request and its status.

My role is as a front end engineer who builds the platform. My job is slicing (changing the image UI in Figma into html, css, and js code) and integration (consume API, authentication, table with search, filter, and pagination, form validation, empty state, error state, etc.).

NB: Source code cannot be shared because it is a company asset.

Technologies
See the result on
unofficial/taruna-nusantara/admin/tners-admin-login.jpg
unofficial/taruna-nusantara/admin/tners-admin-event-list.jpg
unofficial/taruna-nusantara/admin/tners-admin-event-create.jpg
unofficial/taruna-nusantara/admin/tners-admin-event-detail.jpg
unofficial/taruna-nusantara/admin/tners-admin-list-peserta.jpg
unofficial/taruna-nusantara/admin/tners-admin-settlement.jpg
unofficial/taruna-nusantara/admin/tners-admin-settlement-list.jpg
unofficial/taruna-nusantara/admin/tners-admin-settlement-detail.jpg
unofficial/taruna-nusantara/admin/tners-admin-withdrawal-request.jpg
TNers - Admin dashboard | Dani Nur Afandi