FDAFADHILAH DWI ANANDA
HelloI'mFadhil
FrontendEngineer
Based InIndonesia.

Hey there! I'm Fadhilah Dwi Ananda a software engineer with 3+ years of experience. I focus on building dashboards for IoT systems, transforming real-time device data into meaningful insights.

SYSTEM_PORTRAIT.SYS
Banner

My

Skills

Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress
Icon JavaScript
JavaScript
Icon TypeScript
TypeScript
Icon Node.js
Node.js
Icon Vite
Vite
Icon React
React.js
Icon Next.js
Next.js
Icon Vue.js
Vue.js
Icon SvelteKit
SvelteKit
Icon Styled Components
Styled Components
Icon Tailwind CSS
Tailwind CSS
Icon shadcn/ui
shadcn/ui
Icon Jest
Jest
Icon Storybook
Storybook
Icon PWA
PWA
Icon Express
Express
Icon NestJS
NestJS
Icon Webpack
Webpack
Icon Redux
Redux
Icon PHP
PHP
Icon Laravel
Laravel
Icon WordPress
WordPress

My

Experience

PT. Merapi Tani Instrumen

Frontend Engineer

PT. Merapi Tani InstrumenYogyakarta, Indonesia 馃嚠馃嚛

10 Months Full-timeOnsite

As a Frontend Engineer, I focus on building dashboards for IoT systems, transforming real-time device data into meaningful insights through charts, tables, and custom components. I design and implement data visualization features that support monitoring and analysis, ensuring smooth handling of live data streams and delivering an intuitive user experience for stakeholders.

PT. Akal Karya Indonesia

Frontend Developer

PT. Akal Karya IndonesiaJakarta, Indonesia 馃嚠馃嚛

1 Year, 7 Months Full-timeRemote

Collaborate with the team that handles the project from inception to customer usability, collaborate with colleagues on the backend, and focus on user needs and usability. Test the site thoroughly, and ensure the application is user-friendly, visually appealing, and fully functional.

CV. Technopartner Indonesia

Frontend Developer

CV. Technopartner IndonesiaYogyakarta, Indonesia 馃嚠馃嚛

2 Years, 3 Months Full-timeOnsite

Building and developing software with a team based on business requirements, while optimizing it to ensure usability for users. Additionally, creating cross鈥憄latform apps for iOS, Android, and Progressive Web Apps.

Fadhil portrait group

About

Me

I'm a Software Engineer on the frontend side, passionate about crafting modern web applications and mobile apps. My focus is on delivering intuitive dashboards, smooth user experiences, and scalable, reusable components.

I began my journey in tech around 2020, working on diverse projects ranging from SaaS dashboards, CMS platforms, to white-label applications for startups. Along the way, I鈥檝e built expertise with SvelteKit, React (Next.js, React Native), Laravel Blade, and WordPress, while constantly sharpening my skills in UI/UX consistency, performance optimization, and system design.

Now, I鈥檓 exploring how to grow beyond just coding鈥攁iming towards leadership and long-term impact in product development. My goal is not only to deliver functional code, but also to craft user experiences that feel seamless and reliable.

When I鈥檓 not coding, I enjoy working on side projects and experimenting with new technologies to sharpen my problem-solving skills. You can see more of my work on my website or check out my projects on GitHub.

My

Projects

Project image
ID://01

Hair & Beyond - Company Profile

Hair & Beyond is a modern hair salon based in Indonesia, offering a wide range of hair care and beauty services. Their company profile website showcases their services, team, and booking options, providing clients with an easy way to explore offerings and schedule appointments online.

ID://02

Black Lemon - Company Profile

Black Lemon is an Australian-based web design service specializing in creating affordable, SEO-optimized websites tailored for small businesses and tradespeople. Their offerings focus on delivering fast, mobile-friendly designs that enhance sales without the high costs typically associated with agency services.

Project image
Project image
ID://03

Codex Communications - Company Profile

Codex Communications specializes in guiding businesses within highly regulated Australian sectors to navigate complex governmental landscapes with precision, authenticity, and measurable impact. Their mission is to empower organizations to address policy challenges, bridge communication gaps, and enhance their reputation and influence.

Let's

talk

for

Something special

I seek to push the limits of creativity to create high-engaging, user-friendly, and memorable interactive experiences.