TNers - Client

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 participant uses. On the home page, the participant can search an event and explore the recommended events and the events that are grouped by their category, where every card already shows the date, the location, and the starting price. Then on the event detail page, the participant can read the description, the terms and conditions, and also the list of the participants who have registered.

The registration itself is divided into three steps, namely choosing the ticket category, filling the detail of the order together with the data of every participant, and the confirmation and payment. The ticket category here follows the wave system (gelombang), so a category that is not opened yet is shown as not available with its own explanation, and the order summary always follows on the side so the participant knows the total before paying. There is also the Cek Transaksi page, so a participant can check the status of their transaction anytime without having to log in.

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, form validation of every participant, payment state, 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/client/tners-home.png
unofficial/taruna-nusantara/client/tners-event-detail-deskripsi.png
unofficial/taruna-nusantara/client/tners-event-detail-tnc.png
unofficial/taruna-nusantara/client/tners-event-detail-peserta.png
unofficial/taruna-nusantara/client/tners-event-detail-checkout-1.png
unofficial/taruna-nusantara/client/tners-event-detail-checkout-2-filled.png
unofficial/taruna-nusantara/client/tners-event-detail-checkout-2-confirmation.png
unofficial/taruna-nusantara/client/tners-event-detail-checkout-3.png
unofficial/taruna-nusantara/client/tners-transaction.jpg
unofficial/taruna-nusantara/client/tners-transaction-success.jpg
unofficial/taruna-nusantara/client/tners-cek-status-transaksi.png
unofficial/taruna-nusantara/client/tners-cek-status-transaksi-success.jpg
TNers - Client | Dani Nur Afandi