User Interface

Overview

Before development begins, let's first understand the project page planning and design.

💡 Tip

In frontend frameworks, there is also the concept of components. These break down the application into smaller modules, making it easier to build user interfaces and increasing reusability.

/counter-calling

This page will display a list of different agencies providing various services. Users can click to enter the details page of the selected agency.

If frequently used locations are added, they will be displayed at the top of the list.

/counter-calling/:id

This page shows the details of the selected agency, displaying the real-time counter calling status and the number of people waiting. Users can switch between different service locations using the dropdown menu at the top. They can also choose to add this location to their frequently used list, and once they return to the main page, they will see the list of frequently used locations.