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.

/disaster-report

This page displays all disaster prevention report types retrieved from the API. Users can perform a keyword-based fuzzy search by report type, with each report type containing detailed subcategories. Clicking on a subcategory takes the user to the respective disaster prevention reporting form.

/disaster-report/form/:id

This page is the reporting form, where users fill in report details and submit their entry.