Webapp
Angkasa
Internal information portal for Functional Budget Analysts (JFAA) — news, resources, and admin in one place.
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.
- Client
- JFAA
- Company
- Kementerian Keuangan
- Platform
- Web Application
- Duration
- Iterative delivery
- Frontend
- ReactJS, JavaScript, HTML5, CSS3
- Backend
- Express.js, Node.js, REST API
- Database
- MongoDB
- Deployment
- Docker
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.
Gallery
Timeline
01 · Discovery
Requirement discussion with stakeholders to define information needs and publishing workflows.
02 · Planning
Scoped frontend, API, and database work into an iterative delivery sequence.
03 · Design
UI implementation focused on clear navigation and easy discovery of resources.
04 · Development
Built React interfaces, Express REST APIs, MongoDB models, and service integrations.
05 · Testing
Feature testing across key flows, then hardening bugs and performance issues.
06 · Deployment
Deployed with Docker and continued maintenance and enhancement based on feedback.
Challenges & solutions
Challenge
Fragmented information channels
Important JFAA information was spread across multiple channels, making it hard for analysts to stay updated.
Challenge
Manual publishing effort
Administrative processes and content publication required more manual work from administrators.
Challenge
Platform requirements
The system needed centralized management, easy publishing, responsive UX, secure auth, scalable backend, and simple deployment.
Solution
Modern JavaScript stack
React frontend, Express REST APIs, and MongoDB enabled rapid development with a maintainable fullstack architecture.
Solution
Clean information experience
Responsive interfaces make news, documents, and administrative content easier to discover in one place.
Solution
Docker standardization
Containerized development and deployment kept environments consistent across machines and releases.
Tech
Outcomes
1 hub
Centralized information access
Faster
Access to official resources
Easier
Admin content management
Docker
Reliable container deployment
More work
Want something similar?
Tell me about the product, the users, and the constraint that matters most.
Let's talk