LAPOR! Client

Frontend for LAPOR!, a citizen complaint platform built with Next.js and React. This app provides a public portal for citizens and an internal dashboard for officers and admins.

Table of Contents

• Screenshots
• Tools & Technologies
• Getting Started
• Configuration
• Role-Based Access
• License

Screenshots

Tools & Technologies

• Next.js 16 (App Router)
• Tailwind CSS 4 + shadcn/ui
• Zustand
• Axios
• Prettier, ESLint, Husky, Commitlint

Getting Started

Prerequisites

• Node.js 20+
• npm 10+
• Running LAPOR backend service

Installation

1. Clone the repository from the remote source

git clone https://github.com/febriadj/lapor-client.git

2. Move into the project directory

3. Install dependencies

npm i

Run in Development

npm run dev

Default URL: http://localhost:3000

Configuration

Create a local .env file:

NEXT_PUBLIC_API_URL=http://localhost:8080

Variable	Required	Description	Default
NEXT_PUBLIC_API_URL	Yes	Base URL of the backend API service	http://localhost:8080

Role-Based Access

• citizen: public portal access.
• officer: dashboard operational access.
• admin: full dashboard access including user management and audit logs.

Protected pages are redirected to login for unauthenticated users.

License

This project is licensed under the MIT License. See the LICENSE file for details.