Jonathan Christianto
Full Stack Developer
6+ years exp
JavaScript
Node JS
PHP
Rust
TypeScript
Security & Auth: 4/10
Reliability & Observability: 4/10
Active 1 day ago
+62 (812) 33443365 Invite to interview
Message
Download CVCV
Overview
Technical skills
Timeline
Roles
Overview
A pragmatic frontend-focused engineer at a Middle level who ships small, reliable browser tools and pays attention to edge cases and UX. Their strongest proven skill is shipping a polished browser extension UI and robust client-side tooling, demonstrated by jc-curl-runner-extension/runner.js and its companion runner.html which implement a full curl parser, clear UX, and storage persistence. There is limited public evidence of large-scale system design, extensive test coverage beyond unit checks for pure modules, or cross-service / backend integration work.
Technical skills
JavaScript
Node JS• Junior
PHP
Rust• Junior
TypeScript• Senior • 6y+
Node JS
Express
Prisma
Nest.JS• 6y+
PHP
Laravel
Rust
Tauri
Databases
PostgreSQL
Redis
Supabase
Frontend
AG Grid
Bootstrap
ESLint
GraphQL
Jotai
Material UI
Next.js
npm
Nuxt.js
pnpm
Prettier
React Query
Redux
shadcn/ui
Socket.IO
Tailwind CSS
tRPC
Turbopack
Turborepo
Vite
Vue.js
Yarn
Zod
Zustand
React.js
Radix UI
PostCSS
Webpack
Frontend
DevOps
AWS
Bitbucket
Chef
DigitalOcean
Docker
GCP
Git
GitHub Actions
HAProxy
Kubernetes
Netlify
Nginx
Vercel
CI/CD
Rest API• 10y+
Design
Figma
QA
Playwright
Postman
Vitest
AI/ML
AI Agents
ChatGPT
Claude Code
Copilot
Cursor
Claude
Model Context Protocol
Mobile
PWA
React Native• 6y+
Timeline
Full Stack Engineer
•
Middle
Alfred Intelligent
•
Full-Time
Designing and implementing full-stack solutions for high-value US clients. Building application features using React Native for the frontend and NestJS for backend services. Collaborating with product and engineering stakeholders to deliver client-facing functionality.
React Native
Nest.JS
TypeScript
Full Stack Engineer (Fixed Term Contract)
•
Middle
Self Employed
•
Contractor
Senior Software Development Engineer Web (Fixed Term Contract)
•
Senior
PT Metra-net
•
Full-Time
Engineering Manager
•
Lead
PT Mid Solusi Nusantara
•
Full-Time
Managed engineering delivery across frontend and backend workstreams while improving code quality and team efficiency. Helped define and migrate platform components into scalable services and strengthened core authentication and user profile flows. Supported high-velocity development through documentation, review, and RFC-driven planning.
TypeScript
React Native
Nest.JS
Model Context Protocol
Claude
Senior Software Engineer - Frontend
•
Senior
PT Mid Solusi Nusantara
•
Full-Time
Architected and maintained a unified monorepo to support cross-platform mobile development with React Native and backend services in NestJS. Led complex enterprise API integrations and data synchronization, including workspace and CRM ecosystems. Built an AI infrastructure component by creating a Model Context Protocol (MCP) server to connect LLMs into internal workflows and delivered secure, data-sensitive platform experiences.
TypeScriptsince 2020
React Nativesince 2020
Nest.JSsince 2020
Model Context Protocolsince 2020
Claudesince 2020
Senior Front-End Engineer (Fixed Term Contract)
•
Senior
PT Wowrack Indonesia
•
Full-Time
Senior Front-End Engineer (Fixed Term Contract)
•
Senior
PT Visionet Internasional
•
Full-Time
Senior Front-End Engineer
•
Senior
PT Bukalapak.com
•
Full-Time
Built and shipped user-facing web features and campaigns that increased engagement and business growth. Supported key launches including career and platform experiences, plus major feature releases that drove higher user activity. Delivered web applications for multiple retail brands while acting as a coordination point between clients and the development team.
Rest API
Front-End Engineer
•
Middle
PT Bukalapak.com
•
Full-Time
Implemented frontend-backend communication aligned with REST standards and maintained integration documentation. Delivered user-facing features such as dashboards and a Help Center to improve self-service support. Contributed to product experiences including virtual product access and helped coordinate responses during critical release periods.
Rest APIsince 2016
Lead Web Developer
•
Lead
Vibe Interactive Pte. Ltd.
•
Full-Time
Junior Backend Developer
Confidence: Medium Generalist
A pragmatic tooling and extensions engineer at a middle level, specialising in client-side developer utilities and small background workers with attention to correctness and user-facing error messages. The strongest proven skill is robust request parsing and safe browser-based request execution, demonstrated by the comprehensive curl-to-fetch parser and UI in jc-curl-runner-extension/runner.js. There is little public evidence of large-scale backend, distributed-system design, or database schema evolution in the human-authored artifacts provided.
API Design
2/10
How well APIs are designed
Minimal API design work visible in the human-authored artifacts; the code provides a thoughtful curl->fetch translation surface and warnings but no versioned API contracts, idempotency keys, or pagination strategies at service boundaries.
Evidence
jc-curl-runner-extension/runner.js: parseCurl() - curl tokenisation and flag handling
jc-curl-runner-extension/runner.js: run() - converts parsed result into fetch() init and surfaces warnings for forbidden headers
Data Layer & Database
Working with databases
Not evidenced in public code
Scalability & Performance
1/10
Handling load and speed
Very small-scale attention to timing/latency and request flow in the UI helper; no evidence of system-level scalability patterns such as caching invalidation, queues, connection pooling or load testing in the human-authored files.
Evidence
jc-curl-runner-extension/runner.js: run() - records request timing via performance.now() and reports round-trip ms
System Architecture
2/10
Overall system structure
Reasonable local separation of concerns in the single-page tool (tokenizer, parser, UI wiring) but no multi-service decomposition, config/secret management, or deployment architecture in the human-authored files.
Evidence
jc-curl-runner-extension/runner.js: tokenizer (tokenize) separated from parseCurl and renderParsed
jc-curl-runner-extension/runner.js: DOM wiring and persistence split (chrome.storage for lastCurl)
Security & Auth
4/10
Protecting data and access
Clear awareness of browser boundary security: forbidden headers are listed and surfaced to the user, cookies and credentials are explicitly handled, and parse warnings are surfaced; shows practical security thinking at the input boundary.
Evidence
jc-curl-runner-extension/runner.js: FORBIDDEN set and showMessages() - warns about headers the browser controls
jc-curl-runner-extension/runner.js: parseCurl() - handles basic auth and warns on unsupported features (e.g., file uploads)
Reliability & Observability
4/10
Stability and monitoring
Good observability and user-facing error handling in the tool: request status, timing and error messages are surfaced, UI is disabled during sends, persistent last-request storage; limited to a single-process UI context (no distributed retries, backoff, or circuit breakers).
Evidence
jc-curl-runner-extension/runner.js: run() - try/catch around fetch, updates status UI and timing, disables send button while request in flight
jc-curl-runner-extension/runner.js: chrome.storage.local used to persist lastCurl for recoverability
Expertise
Node.js• Junior
Rust• Junior
Industries
Internet Services• Junior
Technologies
CI/CD
PHP
Rust• Junior
Laravel
GitHub Actions
Tauri
Recommendations
- Build small-to-medium browser tooling and integrations that need reliable network handling and UX for devs (e.g., API debugging tools, in-browser network proxies).
- Develop client-side scraping/automation features or browser extension background services where careful race, lock and error handling matter.
- Implement desktop utilities with Rust + Tauri where OS integration and configuration persistence are required.
- Contribute to CI/CD pipelines and release automation for small apps (the repo has evidence of automated builds and GitHub Actions).
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Junior Frontend Developer
Confidence: Medium UI Engineer
A pragmatic frontend-focused engineer at a Middle level who ships small, reliable browser tools and pays attention to edge cases and UX. Their strongest proven skill is shipping a polished browser extension UI and robust client-side tooling, demonstrated by jc-curl-runner-extension/runner.js and its companion runner.html which implement a full curl parser, clear UX, and storage persistence. There is limited public evidence of large-scale system design, extensive test coverage beyond unit checks for pure modules, or cross-service / backend integration work.
UI Component Architecture
3/10
How interface parts are built
Component architecture is modest and DOM-first; modular helper functions and a small custom hook show deliberate decomposition but no large-scale component system authored here.
Evidence
jc-curl-runner-extension/runner.js: parseCurl and tokenize implement a clear modular parser separate from DOM wiring
becomeone-best-value/hooks/use-mobile.ts: useIsMobile custom hook handling breakpoint logic
Responsive & Cross-browser
4/10
Works on all screens and browsers
Responsive layout and breakpoint handling are present with explicit media queries and a matchMedia hook; cross-browser concerns are considered for extension-hosted UI.
Evidence
jc-curl-runner-extension/runner.html: responsive grid and @media (max-width: 900px) layout
becomeone-best-value/hooks/use-mobile.ts: window.matchMedia based breakpoint detection
Performance Optimization
3/10
Speed of the interface
Some measured/efficient choices (lightweight tokenization, timing capture) but no evidence of advanced bundle-splitting, virtualization, or measured perf tuning at scale.
Evidence
jc-curl-runner-extension/runner.js: performance.now usage to measure request timing
jc-curl-runner-extension/runner.js: single-pass tokenize() implementation for efficient curl parsing
Accessibility & Semantics
5/10
Usable for everyone
Good accessibility and semantics for a small UI: ARIA labels/roles, keyboard shortcut support and semantic structure are implemented intentionally.
Evidence
jc-curl-runner-extension/runner.html: role="status", aria-label on actionable buttons, aria-hidden on decorative icons
jc-curl-runner-extension/runner.html: Ctrl/Cmd+Enter keyboard handler and proper button semantics
State Management & Data Flow
3/10
Managing data in the app
Simple, pragmatic state management: storage persistence and event-driven flows are used correctly, but no complex server-state discipline or state machines are present.
Evidence
jc-curl-runner-extension/runner.js: chrome.storage.local persistence of lastCurl and read/write flow
becomeone-best-value/hooks/use-mobile.ts: effect-driven boolean state with proper cleanup
UX & Visual Polish
5/10
Look and feel quality
Strong UX attention for a small single-purpose tool: clear empty states, user messages, copy/pretty features and measured feedback are implemented.
Evidence
jc-curl-runner-extension/runner.html: dedicated response panel, messages area and Body/Headers tabs with empty-state copy
jc-curl-runner-extension/runner.js: user-facing parse errors, forbidden-header warnings and helpful fetch failure messages
Expertise
Browser Extensions Development• Junior
HTML & CSS• Junior
React• Junior
Industries
Internet Services• Junior
Technologies
Frontend
Node JS• Junior
Rest API• 10y+
Vue.js
Zustand
Redux
Nest.JS• 6y+
Webpack
GCP
GraphQL
Nuxt.js
DigitalOcean
Tailwind CSS
Next.js
Yarn
Express
Socket.IO
Vercel
Chef
Netlify
Figma
HAProxy
Prisma
Bootstrap
Git
AWS
Docker
Kubernetes
Nginx
React.js
Vite
React Query
Radix UI
npm
Material UI
PostCSS
ESLint
Prettier
Zod
Jotai
tRPC
shadcn/ui
Turbopack
pnpm
Bitbucket
AG Grid
Turborepo
Recommendations
- Develop browser extensions and small developer tools where single-file UX, durable storage and careful edge-case handling matter.
- Own small-to-medium UI component libraries and design system pieces that surface clear accessibility affordances and keyboard flows.
- Build production-ready client-side features that need careful parsing, error handling and user-facing diagnostics (network tools, debuggers, admin utilities).
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Intern QA Engineer
Confidence: Medium Generalist
Generalist software engineer at a Junior level focusing on browser-side tooling and small extension utilities. The strongest proven skill is building careful client-side parsing and request tooling as shown by the curl-runner tool in jc-curl-runner-extension/runner.js which implements a robust shell tokenizer, curl parser and browser fetch runner. There is no public evidence of test automation frameworks, CI-integrated test orchestration, or large-scale system design in the human-authored files.
Test Automation Frameworks
Building automated tests
Not evidenced in public code
Test Coverage & Strategy
What and how to test
Not evidenced in public code
API & Integration Testing
Testing how parts work together
Not evidenced in public code
Performance & Load Testing
Testing speed under load
Not evidenced in public code
Bug Reporting & Analysis
Finding and describing bugs
Not evidenced in public code
CI Test Integration
Running tests automatically
Not evidenced in public code
Industries
Internet Services• Junior
Technologies
JavaScript
Playwright
Postman
Vitest
Recommendations
- Develop small-to-medium browser extensions and client-side utilities that need careful DOM parsing and network handling.
- Implement tooling that translates command-line network requests to browser-executed fetches, handling header differences and error messaging.
- Work on parsing and integration tasks that require careful edge-case handling and defensive input processing (for example, URL normalization and tokenizer/parser work).
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: