Skip to content

User Interface

Overview

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

💡 Tip

In frontend frameworks, there is also the concept of components. Breaking an application into smaller modules makes it easier to build the user interface and improves reusability.

/police-report

Users must first read and agree to the terms of use on this page before accessing this feature.

警政報案-使用須知

/police-report/form

In the first step of the form, users enter their basic information. Basic data will be automatically filled in through two-way connection with the app.

警政報案-基本資訊-1

警政報案-基本資訊-2

In the second step of the form, users enter case information, such as location, time of occurrence, and case description.

警政報案-基本資訊-3

警政報案-基本資訊-4

/police-report/record

The case records page allows users to view the progress of previously reported cases.

警政報案-案件紀錄

/police-report/record/:id

The case record details page provides information on the case's response and related case details.

警政報案-案件紀錄詳細

警政報案-案件紀錄詳細