Dimas Logo
frontend.engineerlive profile

$ init profile --interactive

Dimas Abidzar Fadly

Frontend Engineer who translates UI/UX into interactive, stable, and fast web apps. I am comfortable working around APIs, data payloads, and business needs so the interface is not only attractive, but also reliable in production.

3
major experiences
4
live project links
profile.previewonline
Dimas Abidzar Fadly avatar

Availability

Open to frontend roles

Focus

Interfaces, APIs, performance

Runtime

Next.js + TypeScript

Clean UI

API aware

Maintainable

Currently shaping interfaces that balance visual polish, network efficiency, and long-term maintainability.
capabilities.map()

Skills as a working system.

Instead of a plain tool list, this section maps how I work: building UI, understanding API data, keeping performance healthy, and communicating clearly with the team.

  • JavaScript
  • TypeScript
  • Next.js
  • Tailwind CSS
  • ShadcnUI
  • RESTful APIs
  • Supabase
  • Prisma ORM
  • PostgreSQL
  • Payload Mapping
  • Error States
  • SQL Context
  • DOM Efficiency
  • Responsive UI
  • Core UX
  • Maintainability
  • Problem Solving
  • Time Management
  • Fast Learner
  • Team Collaboration
  • Git
  • Node.js
  • Vercel
  • Render
  • Codex
  • GPT-5.5
  • Google Gemini

$ render --pixel-ready

Interface Craft

Build polished, responsive UI from design systems and product requirements.

JavaScriptTypeScriptNext.jsTailwind CSSShadcnUI

$ fetch --resilient

API-Aware Frontend

Integrate REST APIs with clear loading, error, and data-state behavior.

RESTful APIsSupabasePrisma ORMPostgreSQLPayload MappingError StatesSQL Context

$ audit --runtime

Performance Mindset

Keep interfaces lightweight, stable, and usable across device constraints.

DOM EfficiencyResponsive UICore UXMaintainability

$ ship --with-team

Product Workflow

Translate ambiguity into scoped work with clean handoff and iteration.

Problem SolvingTime ManagementFast LearnerTeam Collaboration

$ release --tracked

Delivery & Version Control

Manage source control and deploy frontend applications through reliable hosting workflows.

GitNode.jsVercelRender

$ augment --dev-workflow

AI-Assisted Development

Use AI tools to accelerate coding, debugging, refactoring, documentation, and implementation planning while keeping engineering judgment in control.

CodexGPT-5.5Google Gemini

The working principle is simple: UI should be clear for users, maintainable for the next developer, and avoid runtime waste from unnecessary requests or renders.

case-studies.json

Experience with signal.

Each card works like a case-study snapshot: work context, key contribution, stack, and links that can be verified directly.

projects.api

Projects shipped and traceable.

This panel reads public repository data from GitHub and enriches matching repos with clearer portfolio metadata.

GitHub unavailableSyncing repositories
Project data is not available right now.
$ connect --intent collaboration

Let's build something useful.

Open to career opportunities, frontend projects, UI implementation, or product collaboration that needs a fast, clear, production-ready interface.

Availability

Open for frontend roles and project discussions

Response style

Async, practical, no fluff

Direct channels

Email, WhatsApp, GitHub, and LinkedIn are one tap away.

Send Email