Angkasa

Internal information portal for Functional Budget Analysts (JFAA) across Indonesian government institutions.

Category
Webapp
Year
2023
Role
Fullstack Developer
Company
Kementerian Keuangan
Status
Shipped
Duration
Iterative delivery
Technologies
9
Angkasa logo
Angkasa hero screenshot
Angkasa — internal information portal for Functional Budget Analysts.

Project

Project Overview

Angkasa is an internal web platform developed to centralize information, announcements, knowledge resources, and professional development materials for Jabatan Fungsional Analis Anggaran (JFAA) across Indonesian government institutions. The platform serves as a single source of truth where budget analysts can access official news, regulations, learning materials, and administrative information from one place. As a Fullstack Developer, I was responsible for building both the frontend and backend of the application, implementing new features, integrating APIs, managing the database structure, and deploying the system using containerized environments.

Details

Project info

Role

Fullstack Developer

Timeline

Iterative delivery

Client

JFAA

Platform

Web Application

Frontend

ReactJS, JavaScript, HTML5, CSS3

Backend

Express.js, Node.js, REST API

Database

MongoDB

Deployment

Docker

Capabilities

Key Features

News & announcements

Centralized publication of official news and announcements for the JFAA community.

Digital library

Document repository for regulations, learning materials, and knowledge resources.

FAQ & categories

Frequently asked questions and category-based article organization for faster discovery.

Responsive experience

Clean interfaces that stay usable across desktop and mobile devices.

Secure admin dashboard

Authentication and authorization protecting content management for administrators.

Content management

CMS workflows that make publishing and updating information simpler for admins.

Auth & access control

Secure authentication and authorization across frontend and backend services.

Dockerized deployment

Containerized environments for consistent development and production delivery.

Visuals

Screenshots

Angkasa — Angkasa application interface — content and information views.
Angkasa application interface — content and information views.
Angkasa — Additional Angkasa screens supporting daily analyst workflows.
Additional Angkasa screens supporting daily analyst workflows.

Process

Development process

  1. 01

    Discovery

    Requirement discussion with stakeholders to define information needs and publishing workflows.

  2. 02

    Planning

    Scoped frontend, API, and database work into an iterative delivery sequence.

  3. 03

    Design

    UI implementation focused on clear navigation and easy discovery of resources.

  4. 04

    Development

    Built React interfaces, Express REST APIs, MongoDB models, and service integrations.

  5. 05

    Testing

    Feature testing across key flows, then hardening bugs and performance issues.

  6. 06

    Deployment

    Deployed with Docker and continued maintenance and enhancement based on feedback.

Tools

Technology stack

  • ReactJS
  • JavaScript
  • HTML5
  • CSS3
  • Express.js
  • Node.js
  • REST API
  • MongoDB
  • Docker

Problem solving

Challenges & solutions

Challenges

Fragmented information channels

Important JFAA information was spread across multiple channels, making it hard for analysts to stay updated.

Manual publishing effort

Administrative processes and content publication required more manual work from administrators.

Platform requirements

The system needed centralized management, easy publishing, responsive UX, secure auth, scalable backend, and simple deployment.

Solutions

Modern JavaScript stack

React frontend, Express REST APIs, and MongoDB enabled rapid development with a maintainable fullstack architecture.

Clean information experience

Responsive interfaces make news, documents, and administrative content easier to discover in one place.

Docker standardization

Containerized development and deployment kept environments consistent across machines and releases.

Outcomes

Results

1 hub

Centralized information access

Faster

Access to official resources

Easier

Admin content management

Docker

Reliable container deployment

Interested in working together?

Let’s design and build a product that feels calm, clear, and ready for real users.