Trans Retail Auction System

Tech stack

1. PHP - Laravel

2. CSS - Tailwind CSS

3. JavaScript - jQuery

4. DBMS - PostgreSQL

5. Websocket

Role

I was the tech lead who define all the project requirements and manage the server.

Challenge

At 25th Jan 2022, we launch our auction system for Trans Retail (subsidiary of CT Corp and owner of Trans Corp, Transmart, etc) for event called Retail Cluster Annual Business Meeting 2022.

There are two goals of this project, those are:

Attendance

1. We need an attendance system that will be used by the event participants, the summary will be displayed on the panel.

2. VIP attendees should login even without type a password nor send the details to their account (phone number or email).

3. On-site attendees should scan a barcode that will be direct them to the website then login to state presence.

4. Online attendees can visit the website directly and login in order to state their presence.

Auction

1. Auction system that can handle more than 300 users who will bid several items concurrently.

2. Every auction items can have their own schedule.

There is only 7 days to work this project, they will use this system on 25 Jan 2022.

Solution

Before the event start, we sent an email to participants, so they can register their account to access the auctino system.

At the time this project released, the Covid protocol in Indonesia is still pretty strict. Therefore, we will optimize all the manual processes can be done by using our own phone.

For attendances, all participant could access the web using domain name and use their account to access the website.

For the C-level, they just need to scan the barcode that was provided by the site team, and automatically logged in to system. This can be done because every barcode is specifc to a person.

Since the auction system was real-time, we use web socket to achieve this functionality. The server had plenty capacity of RAM, so we sure that the website won't crash.

Before the auction start, we provide administrator and site team functionality to set the items that will be displayed at the auction time. They will have to upload the image, define the title, price, description, and start-due date of the auction item.

This website has responsive design, it has pretty good UI and UX on the phone or mobile. The user can easily bid on the item, and to prevent someone just spam bids, we add throttle to make sure they only able to bid once other people already bid.

Every winner will be contacted by the site team to process the payment and delivery of the item.

This project has small amount of time to work, and we successfully execute it!