SR
SATRIA RIZALI
FULL STACK DEVELOPER

I BUILD WEB PRODUCTS,
BUSINESS SYSTEMS,
AND DATA-DRIVEN APPS.

I build web products and internal tools, from the interface and data model through deployment. I also bring four years of experience leading AEON Mall survey teams.

View Featured ProjectsActivities & Roadmap
Full Stack Dev5+ Years
Supervision4 AEON Mall
Dual PillarProduct + Systems
Arah job application tracker interface

A project I built

Arah — Job Application Tracker

A career tracker for managing applications and interviews.

01 // About & Dual Capabilities

PRODUCT THINKING &
PRODUCTION ENGINEERING.

I combine independent product building capabilities (from ideation and architecture to production deployment) with deep experience developing real-world business systems and leading field operations.

Product Engineering (0 to Deployment)

Capable of taking digital products from zero to live production. Designing responsive user interfaces, setting up databases, implementing secure authentication, and handling production deployments.

React / Next.jsTypeScriptCodeIgniter 3MySQLREST APIs
4-Year Track Record

AEON Mall Survey Supervisor

Supervised English-speaking field surveyor teams during prime retail customer research campaigns across four consecutive years (2022, 2023, 2024, 2025), ensuring data quota compliance and team execution.

Multilingual Team Leadership & Field Data QA

Complex Business Systems

Building applications with deterministic scoring, automated tier progression, role-based authorization, and atomic database transactions.

Data-Driven Platforms

Developing automated data collection workers, server snapshotting, historical aggregations, and interactive telemetry dashboards.

Cross-Border Automation

Connecting international stakeholders (Japan) with technical teams (Indonesia) through structured request ingestion and MS Teams bots.

Mobile & Offline Workflows

Engineering handheld React Native applications with local encrypted SQLite storage and automatic cloud synchronization.

02 // Featured Projects

FEATURED WORK & PRODUCTS.

Selected web products, complex system architectures, data platforms, and official collaborations built from 0 to deployment.

5 Featured Projects
Arah — Job Application Tracker
Live
Product / SaaS
2024

Arah — Job Application Tracker

A career management SaaS product built to help job seekers organize their job search lifecycle. Features application stage tracking, interview scheduling, deadline reminders, timeline overviews, dashboard analytics, and secure user authentication.

Next.jsReactTypeScriptTailwind CSSAuthentication+2
Explore Case StudyLive Demo
ExeRacer SuperCup
Live
Full Stack / System Design
2024

ExeRacer SuperCup

A full-stack competitive motorsport championship platform featuring deterministic server-side scoring, automated 5-division tier progression (Tier S, A, B, C, D), automated 50/30/20 prize-pool tracking, race control administration, and real-time public telemetry.

Next.js 16React 19TypeScriptPrisma 7PostgreSQL+2
Explore Case StudyLive Demo
FiveM Indonesia Server Analytics
Live
Data / Analytics
2024

FiveM Indonesia Server Analytics

A specialized data analytics platform for tracking, snapshotting, and analyzing player activity across Indonesian FiveM roleplay servers. Features server status monitoring, historical player trends, rankings, and interactive data visualization.

Next.jsReactTypeScriptNode.js APIPostgreSQL+2
Explore Case StudyLive Demo
Perkedel Cup — Season 1
Live
Tournament Platform / Data
2023

Perkedel Cup — Season 1

A tournament web experience created for a competitive Valorant esports event. Delivers structured data presentation for registered teams, player rosters, match schedules, tournament brackets, and match statistics through an engaging UI.

Next.jsReactTypeScriptTailwind CSSTournament Engine+1
Explore Case StudyLive Demo
Perkedel Cup — Season 2
Official Collaboration
2024

Perkedel Cup — Season 2

An official collaboration for Perkedel Cup Season 2, contributing directly to the web experience, interface design, and digital visual assets used across the tournament project.

Web DesignDigital BrandingAsset ProductionFront-End ExperienceOfficial Collaboration
Explore Case Study
Browse Complete Systems & Case Studies
03 // Production Experience

ENTERPRISE & PRODUCTION SYSTEMS.

Real-world business systems, internal extraction portals, geospatial bridges, and automation workflows engineered for actual business operations.

Location Intelligence / E-Commerce Flow2022

Location Tech Landing & Pricing Platform

Dynamic enterprise pricing calculator & automated checkout for location datasets

[Problem]

Enterprise prospective clients needed transparent, instant pricing quotes for complex location data without back-and-forth manual estimations across geographic regions, industry classifications, and store chains.

[Solution]

Engineered an interactive product catalog and multi-tier pricing calculation engine with automated order processing, invoice generation, and third-party payment gateway integration.

Workflow Sequence:
1.Filter Configuration
2.Instant Algorithmic Pricing
3.Seamless Checkout & Payment
4.Automated Data & Invoice Delivery
CodeIgniter 3.0MySQLJavaScriptREST APIs
Read Case StudySYS // 2022
Geospatial / Survey UX / System Integration2023

Geospatial Survey & POI Mapping Bridge

Bridging corporate survey workflows with interactive POI and home location mapping

[Problem]

Standard Zoho Survey forms lacked native map-picker and geospatial POI capture capabilities, preventing researchers from collecting accurate home coordinate data from respondents.

[Solution]

Developed a custom standalone mapping web application that receives authenticated survey session state, provides a fluid map interface for POI pin-pointing, and synchronizes geospatial coordinates back into the survey repository.

Workflow Sequence:
1.Survey Completion & Handoff
2.Interactive POI Map Selection
3.Coordinate Validation
4.Data Synchronization
JavaScriptCodeIgniter 3.0MySQLInteractive Maps API
Read Case StudySYS // 2023
Internal Tooling / Data Extraction / BigQuery Gateway2023

Location Tech Internal Data Downloader

Secure, role-based export interface abstracting enterprise data warehouses

[Problem]

Operational teams and non-technical stakeholders needed direct access to specific slices of location data without querying BigQuery directly or risking unmonitored warehouse execution costs.

[Solution]

Built a secure internal portal that abstracts complex BigQuery SQL pipelines behind an intuitive filter interface, enforcing query rate-limiting, role-based permissions, and asynchronous batch file generation.

Workflow Sequence:
1.Authenticated Access
2.Filter & Target Selection
3.Asynchronous Query Processing
4.Controlled File Download
CodeIgniter 3.0MySQLBigQuery PipelinesJavaScript
Read Case StudySYS // 2023
AI / Workflow Automation / NLP2020

AI-Powered Text Classification Platform

Operationalizing machine learning classification APIs into an intuitive business tool

[Problem]

Internal analysts manually categorized tens of thousands of customer feedback entries and product opinion lines, creating severe operational bottlenecks and human labeling inconsistencies.

[Solution]

Created a full-stack automation platform connecting machine learning classification models to a frictionless web UI, allowing analysts to upload tabular documents, select target columns, and batch-classify thousands of records instantly.

Workflow Sequence:
1.Document Ingestion
2.Column & Scope Mapping
3.Batch AI Classification
4.Enriched Result Export
PHP / CodeIgniter 3MySQLAI Model APIsJavaScript
Read Case StudySYS // 2020
Mobile / Offline-First Engineering2020

Offline-First Field Survey Mobile App

Resilient handheld survey data collection with automatic bidirectional synchronization

[Problem]

Field surveyors conducted research in underground mall sections, remote regions, and low-connectivity venues where web-based forms crashed or lost unsubmitted survey responses.

[Solution]

Engineered an offline-first Android mobile application that stores all survey questionnaires, response validations, and respondent media locally on the handheld device, automatically syncing to the centralized database once connectivity resumes.

Workflow Sequence:
1.Survey Configuration & Caching
2.Zero-Latency Offline Execution
3.Local SQLite Persistence
4.Automated Resilient Sync
React NativeJavaScriptSQLite / Local StorageREST APIs
Read Case StudySYS // 2020
Workflow Automation / Web Scraping / Cross-Team Ops2023

Cross-Border Scraping Dispatch & Notification Hub

Centralized scraping task management with Microsoft Teams webhook orchestration

[Problem]

Scraping tasks requested by overseas teams were fragmented across emails and chat messages, leading to missed URLs, unclear requirements, and untracked deliverable delivery statuses.

[Solution]

Designed and deployed a centralized request queue system with structured input schemas, automated Microsoft Teams webhook notifications, task status lifecycle management, and secure result repository.

Workflow Sequence:
1.Structured Request Ingestion
2.Instant Webhook Broadcast
3.Task Claim & Execution
4.Result Upload & Status Closure
CodeIgniter 3.0MySQLJavaScriptMicrosoft Teams Webhooks
Read Case StudySYS // 2023
04 // Career Roadmap & Highlights

ACTIVITIES & ACHIEVEMENTS.

A chronological roadmap encompassing 4 consecutive years as AEON Mall Survey Supervisor, alongside foundational software engineering launches and business system milestones.

Field Leadership
19 September 2025 – 30 September 2025

Supervisor — Vietnam English Speaker Surveyors

AEON Mall Research Project•AEON Mall

Supervised a multilingual team of English-speaking survey specialists conducting strategic customer research and venue satisfaction analytics.

Led on-site field survey coordination for the 2025 AEON Mall research campaign, managing surveyor shifts, briefing methodology standards, and validating collected dataset quotas with high accuracy.

Key Responsibilities & Deliverables:

  • Coordinated multilingual field surveyors ensuring strict compliance with survey protocols
  • Managed daily interview quotas, quota distributions, and participant verification
  • Performed rapid field spot-checks and daily data validation reconciliations
  • Served as the central operational liaison between survey field teams and project management
Impact & Outcome:Maintained high survey response integrity and achieved target sampling quotas ahead of schedule across the 12-day engagement.
#Field Supervision#Team Leadership#Cross-Cultural Communication#Data Quality Assurance
Field Leadership
5 July 2024 – 17 July 2024

Supervisor — Vietnam English Speaker Surveyors

AEON Mall Research Project•AEON Mall

Directed surveying crews during prime retail season, overseeing real-time data collection and operational problem-solving.

System Architecture
March – November 2023

Launch: Maps Question & Internal Scraping Platforms

Enterprise Engineering Workflows•Remote / Indonesia - Japan

Engineered and launched 3 mission-critical business systems: Zoho Maps POI bridge, BigQuery data downloader, and cross-border Teams scraping dispatch hub.

Delivered three foundational software systems in 2023, modernizing enterprise workflows between Japan and Indonesia stakeholders, streamlining BigQuery extraction, and creating map-based survey capture.

Key Responsibilities & Deliverables:

  • Constructed the Maps Question Website bridging Zoho surveys with POI coordinate pin-pointing
  • Built the Location Tech Downloader providing secured filter-based BigQuery dataset extraction
  • Engineered the Microsoft Teams Webhook Scrape Hub for automated international task dispatch
Impact & Outcome:Eliminated ad-hoc manual data extractions and unified cross-border scraping communications into automated auditable channels.
#CodeIgniter 3#BigQuery#Webhooks#Geospatial API#MySQL
Field Leadership
30 June 2023 – 4 July 2023

Supervisor — Vietnam English Speaker Surveyors

AEON Mall Research Project•AEON Mall

Supervised specialized surveyor teams executing intensive demographic and customer preference evaluations.

Product Engineering
2022

Launch: Location Tech Commercial Pricing Engine

Location Intelligence Product•Web Application

Architected and deployed an automated enterprise pricing estimator and checkout flow for location datasets.

Field Leadership
29 June 2022 – 5 July 2022

Supervisor — Vietnam English Speaker Surveyors

AEON Mall Research Project•AEON Mall

Led the inaugural international surveyor team for the flagship AEON Mall consumer research project.

Mobile & AI
June – July 2020

Deployment: Offline Survey App & AI Classifier

Field Research & Data Operations•Android App / Web System

Engineered an offline-first React Native Android survey application and an AI-assisted text classification web portal.

05 // Technical Stack

TECHNICAL SKILLS & CAPABILITIES.

Technologies and proficiencies backed by production experience in real business architectures and product builds.

Frontend Engineering

3 Capabilities

Building responsive, modern, high-performance web products and interactive user interfaces.

React & Next.jsAdvanced

App Router, Server Components, SSR/SSG, state management, and modern component systems.

React 19Next.js 15+App RouterServer Actions
TypeScript & JavaScriptAdvanced

Type-safe architectures, modern ESNext features, asynchronous workflows, and DOM operations.

TypeScriptES6+Async/AwaitStrict Mode
Tailwind CSS & UI SystemsAdvanced

Responsive layouts, custom design systems, CSS Grid/Flexbox, and micro-interactions.

Tailwind CSSDesign SystemsResponsive UX

Backend Engineering

3 Capabilities

Designing robust server-side APIs, business logic, authentication, and service integrations.

PHP & CodeIgniterAdvanced

MVC architecture, custom business rules, database queries, and secure session management.

PHPCodeIgniter 3MVCREST APIs
Node.js & Express.jsProficient

RESTful API design, server-side business logic, backend ingestion workers, and middleware.

Node.jsExpress.jsREST APIsPrisma ORM
Webhook & Event SystemsAdvanced

Automated alert dispatchers, Microsoft Teams webhook bots, and event routing pipelines.

WebhooksMS Teams APIEvent Driven

Database Engineering

2 Capabilities

Modeling, indexing, optimizing, and managing relational and warehouse database systems.

PostgreSQL & MySQLAdvanced

Relational schema design, atomic transactions, complex joins, indexes, and query tuning.

PostgreSQLMySQLPrismaTransactions
Google BigQueryProficient

Large dataset queries, extraction abstraction portals, and controlled data export pipelines.

BigQueryData ExportExtraction Gateways

Data & Automation

2 Capabilities

Extracting, aggregating, and analyzing data pipelines, web scrapers, and AI workflows.

Python & Data ProcessingProficient

Data transformation, pandas workflows, statistical aggregation, and automation scripts.

PythonPandasData WranglingAutomation
Web Scraping & IngestionAdvanced

Targeted web scrapers, scheduled extraction jobs, DOM parsing, and data cleaning pipelines.

Web ScrapingData ParsingScheduled Jobs

Infrastructure & Tools

2 Capabilities

Deploying, containerizing, and operating production web applications and tools.

Vercel & Google CloudProficient

Production deployments, serverless functions, environment configuration, and cloud services.

VercelGCPCI/CDProduction Hosting
Docker & GitProficient

Containerized development environments, version control, branching workflows, and collaboration.

DockerGitGitHubLinux
06 // Let's Connect

READY TO BUILD
YOUR NEXT PRODUCT OR SYSTEM?

Looking for a Full Stack Developer who can take digital products from 0 to deployment, build complex business systems, or lead technical field operations? Let's connect.

Available for Full-Time Roles, Contract Projects & Engineering Consulting
Response turnaround: Typically under 24 hours
Direct Email Channel
dedenjr123@gmail.com
Send Email
LinkedInProfessional Profile
GitHubSource Repositories