• Tailwind
  • Laravel
  • React
  • MYSQL
Databank SIDE (Sistem Informasi Diplomasi Ekonomi) screenshot 1

01

overview

Build the SIDE (Sistem Informasi Diplomasi Ekonomi) Databank application for the Ministry of Foreign Affairs to centralize and process trade, tourism, investment, and service data from various scattered sources. This platform enables easy data exploration and analysis through customizable visualizations in tables, charts, and maps.

Client: Ministry of Foreign Affairs

Service: Fullstack Developer

Date: 24 December 2024

Users: This portal is intended for the public and internal work units within the Ministry of Foreign Affairs to facilitate easy exploration and analysis of data.

02

problem

Economic data related to trade, tourism, investment, and services is scattered across different sources, making it difficult to access and analyze efficiently. This application consolidates and processes the data, enabling quicker and easier analysis with customizable visualizations.

03

solution

Public-accessible portal

AI assistant page for data exploration help

Data generator page for exploring data (table, chart, and map views)

Data filtering by indicator, country location, and year period

Data search history tracking

Saved search data list

Chart visualization settings (tree map, line chart, bar chart, stacked chart, etc.)

Map visualization settings (selecting indicator, year, color model, and gradient on map)

Secure login system with authentication and role-based access control

Ability to download chart or map

04

architecture

Web-based application.

05

technologies

Laravel (Backend)

ReactJS (Frontend)

MySQL (Database)

Tailwind (UI Styling)

Spatie Permission

A closer look

Screenshots