[01]
System Administration I
RH124 · Red Hat Academy
RHA ver 8.2
- ›Command line essentials
- ›Users, groups & file permissions
- ›Services & process control
Type Systems
Joshua Abdiel — Frontend Developer & Information System Undergraduate. Engineering deliberate web interfaces with architectural rigor & utilitarian precision. Frontend engineer and Information Systems undergraduate at Universitas Tarumanagara. Currently building climate-tech interfaces at CarbonEthics, focusing on web performance, component architecture, and type-safe systems.
- Role
- FE Intern @ CarbonEthics
- Location
- Tangerang, ID
- Timezone
- WIB (UTC+7)
The flesh is weak, but deeds endure
I am an Information Systems undergraduate at Universitas Tarumanagara and currently work as a Frontend Engineering Intern at CarbonEthics, building responsive climate-tech workflows, emission calculators, and modular UI token systems.
My technical focus spans strict TypeScript, React and Next.js application architecture, relational SQLite/PostgreSQL modeling, and network topology testing. Away from the editor, I unwind with badminton, weekend camping, colony-sim games, and exploring PC hardware.
- 01
Maintainability
Code is read ten times more than written: optimize boundaries, types, and naming for the next reader.
- 02
Performance & Attention
Sub-second interfaces respect the visitor's time and battery through lean bundles and minimal layout churn.
- 03
Systems Perspective
Understanding HTTP caching, relational schemas, and packet routing makes every frontend architecture more resilient.
Architected for Performance & Utility
Flagship / Climate Tech & Carbon Intelligence
CarbonEthics Web Platform
Enterprise sustainability web interface facilitating corporate and individual carbon offset calculations, mangrove restoration initiatives, and environmental monitoring.
carbonethics-web-platform.app16:9 PREVIEW
- Performance Goal
- Fast LCP Budget
- Architecture
- Next.js App Router
- Design Token
- Tailwind UI System
Next.jsTypeScriptTailwind CSSTanStack QueryREST API
Mobile Engineering / Local-first Finance
Xpense Ledger
Flutter expense tracker built on MVVM with Provider, a versioned SQLite schema, real-time FX via Frankfurter, 24-hour rate caching, and premium PDF/CSV export.
- Database
- SQLite Schema v5
- FX Cache
- 24h TTL
- Security
- SHA-256 + User Isolation
FlutterDartProvider (MVVM)SQLite (sqflite)Frankfurter APIfl_chart
Frontend System / Data Visualization
PokeAPI Virtual Explorer
High-throughput encyclopedia application consuming the PokeAPI, featuring aggressive client-side caching, virtualized listing, and stat comparison radars.
pokeapi-virtual-explorer.app16:9 PREVIEW
- API Caching
- Cache-first Repeats
- Search
- Debounced Instant-feel
ReactTypeScriptTanStack QueryPokeAPITailwind CSS
Systems & Network Infrastructure / Packet Routing
GNS3 Network Topology & Data Sharing Simulation
Emulated enterprise network architecture validating segmented peer-to-peer data distribution, protocol routing, access control lists, and packet analysis.
gns3-network-topology-&-data-sharing-simulation.app16:9 PREVIEW
- Simulation Engine
- GNS3 Topology
- Verification
- Wireshark PCAP
GNS3Computer NetworksPacket RoutingVLANsWireshark
Verified Training Record
Red Hat Academy course-attendance record for systems administration. Each entry pairs its Credly-style badge with the matching attendance PDF, labelled as attendance, not professional certification.
[02]
System Administration I
RH124 · Red Hat Academy
RHA ver 9.3
- ›Core administration on RHEL 9
- ›Storage & network basics
- ›System monitoring
[03]
System Administration II
RH134 · Red Hat Academy
RHA ver 9.3
- ›Automation & scheduling
- ›Advanced storage & networking
- ›Security hardening
Technical Stack & Tooling Discipline
A transparent inventory of frameworks, libraries, systems, and workflow utilities leveraged in day-to-day software development and system architecture.
- Files
- 03 categories
- Instruments
- 13 entries
- Audit
- 2026 edition
Frontend Architecture
Production web interfaces, modern component systems, and state synchronization.
- TypeScriptEnd-to-end strict typing & contract safetyTS
- React 19 & Next.jsApp Router, SSR, Server Components & HydrationNEXT
- Tailwind CSS v4Custom design systems & tokenized hairlinesCSS
- TanStack QueryAsynchronous state, caching & query invalidationRQ
- Framer MotionSubtle micro-interactions & hardware-accelerated revealsFM
Systems & Backend Integration
API communication, schema design, and server-side data models.
- RESTful API DesignHTTP methods, status semantics & payload contractsREST
- Node.js & RuntimeJavaScript server environments & asynchronous event loopNODE
- PostgreSQL & Relational DBTable schema design, foreign keys & query hygieneSQL
- Network EngineeringTCP/IP, routing protocols, subnets & GNS3 emulationNET
Tooling & Workflow Precision
Daily engineering instrument cluster for development, debugging, and review.
Engineering Tenets & Values
Non-negotiable architectural tenets governing code clarity, performance budgets, and interface reliability across every project.
Engineering Studio & Operational Setup
A deliberate workspace built for sustained focus, rapid prototyping, and architectural precision. Combining ergonomic hardware with strict software tooling.
Milestones & Trajectory
Professional engineering engagements, industry contributions, and academic background in Information Systems.
Industry Engagement
Feb 2026 - Oct 2026
Jakarta / Hybrid
Frontend Engineering Intern@CarbonEthics
Contributed to frontend development for CarbonEthics' client-facing platform. Implemented responsive interfaces for carbon footprint and tree planting initiatives, maintained design-token consistency, and supported cross-device accessibility.
Next.jsTypeScriptTailwind CSSREST APIFigma
Academic Foundation
2023 - Present
Universitas Tarumanagara (UNTAR)
Bachelor of Science in Information Systems (Sistem Informasi)
Focusing on enterprise information architecture, software development methodologies, database systems, and full-stack web applications.
Primary, Junior & Senior High
Santo Fransiskus Asisi
Formal Education Track
Comprehensive mathematics and scientific foundation fostering analytical reasoning and systematic problem solving.