Student Service Kiosk

Home	Chat

Note: The data shown in these screenshots is dummy data for demonstration purposes. No real information is displayed.

What is this?

Anjungan. A touchscreen web interface that helps students check their depost balances. It also lets students chat with their parents.

The Story

The client wanted an extra tool to make their POS system feel complete. They needed an interface placed around the school so students could check their deposit balance easily. They also wanted a way for students to chat with their parents, since phones are banned in school. Because I built the POS system, they assigned me to create this interface as well.

What I built

• I built the backend.
• I created the frontend.
• I developed the API that connects to the parents’ mobile app.

Tech Stack

• AdonisJS 6
• React 18 (with Inertia)
• shadcn/ui
• WebSocket
• MySQL 8

One cool thing I learned

I learned many things from this project, especially about JavaScript frameworks like AdonisJS and UI components like shadcn/ui.

The challenging part was building real-time chatting. I learned that it needs WebSocket, and Laravel (my most familiar framework) is painful to use with WebSocket. So I searched for an alternative and found AdonisJS, which feels similar to Laravel in structure. I also had to build an API so students can chat with their parents through the school’s mobile app. This project helped me learn more modern JavaScript, and I feel much better because of this experience.