Hi, my name is

Ahmad Nurdiansah

I'm a Front End Developer

A Frontend Developer passionate about crafting interactive, high-performance applications and seamless digital experiences on the web.

Scroll

About Me

Profile Photo
Coders Life

👋 I'm Ahmad Nurdiansah, a Frontend Developer with 3+ years of hands-on experience building responsive and efficient web applications. I specialize in JavaScript frameworks such as ReactJS, Next.js, and Vue.js, with proficiency in TypeScript and Tailwind CSS. I have a solid understanding of key concepts including API fetching, state management, and RESTful API integration — focused on delivering clean, scalable, and user-friendly interfaces.

3+
Years Exp.
10+
Projects
5+
Tech Stack
ReactNext.jsVue.jsTypeScriptNode.jsTailwind CSSTanstack Query

Experiences

April 2024 - Present
React.jsNext.jsTypeScriptTailwind CSSZustandTanStack Query

Front-End Developer — PT Kreasindo Karya Abadi

  • Developed, tested, and maintained program code to ensure functionality, performance, and high code quality.
  • Identified, debugged, and resolved errors across the codebase to minimize downtime and improve system stability.
  • Fixed bugs reported by the QA team, reviewed QA notes, and ensured all issues were resolved before deployment.
  • Collaborated with UI/UX designers to implement pixel-perfect and responsive user interfaces.
  • Worked closely with back-end engineers to integrate APIs and ensure seamless data flow and user experience.
January 2023 - April 2024
React.jsJavaScriptChakra UIRedux ToolkitJest

Front-End Developer — Feedloop

  • Developed, tested, and maintained program code to ensure functionality, performance, and high code quality.
  • Identified, debugged, and resolved errors across the codebase to minimize downtime and improve system stability.
  • Fixed bugs reported by the QA team, reviewed QA notes, and ensured all issues were resolved before deployment.
  • Collaborated with UI/UX designers to implement pixel-perfect and responsive user interfaces.
  • Resolved bugs and implemented improvements based on code review feedback and notes from senior developers
  • Worked closely with back-end engineers to integrate APIs and ensure seamless data flow and user experience.
  • Reporting progress, blocking task and planning in daily/weekly meeting with the team
March 2022
JavaScript BasicsJavaScript (ES6)

Coding Instructor — 21-Days JavaScript Bootcamp (Progate & Dewaweb)

  • Answered participants’ technical questions during the bootcamp.
  • Reviewed and provided feedback on participants’ source code.
  • Assisted participants in debugging and fixing errors.
  • Evaluated and reviewed final projects.
October 2020 - November 2020
HTMLCSSSCSSJavaScript

Coding Instructor — Ready Set Code! Program (Progate & Kominfo)

  • Answered participants’ questions related to HTML, CSS, and JavaScript.
  • Reviewed source code and provided constructive feedback.
  • Helped participants troubleshoot bugs and improve code quality.
  • Reviewed and evaluated participant projects.

Skills

These are the technologies I've worked with

html icon

html

css icon

css

javascript icon

javascript

react icon

react

next icon

next

tanstack query icon

tanstack query

zustand icon

zustand

chakra ui icon

chakra ui

typescript icon

typescript

tailwindcss icon

tailwindcss

redux icon

redux

git icon

git

Projects

Check out some of my recent work

OrderMeals
Natours Travel
EPL Football Web
Landing Page LaslesVPN
Users Login Page
Yuk Travel Web

Awards

Progate & DTS

Progate & DTS

Mentor Coding Experience Bootcamp

HTML, CSS & JavascriptOctober 2020
Progate

Progate

Frontend Web Development

HTML, CSS, JS & React JSAugust 2020
Udemy

Udemy

React JS Complete Bootcamp

Hooks, API, Router, ReduxMay 2022
Progate & Dewaweb

Progate & Dewaweb

Instructor Coding

JavascriptMarch 2022

Blogs

01
JavaScript / TypeScript

JavaScript Modern: Fitur ES2024 yang Wajib Kamu Tahu

JavaScript terus berkembang pesat. Dari ES2020 hingga ES2024, banyak fitur baru yang menyederhanakan kode dan meningkatkan kemampuan bahasa secara signifikan.

20 Februari 2025›8 menit baca
›
02
React / Next.js

Next.js App Architecture: Pola yang Scalable

Membangun aplikasi Next.js yang bisa tumbuh besar membutuhkan lebih dari sekadar fitur yang bekerja. Kamu butuh arsitektur yang solid dari awal.

17 Februari 2025›12 menit baca
›
03
CSS Modern

CSS Grid Modern & Container Queries

CSS Grid telah mengubah cara kita membangun layout web. Dikombinasikan dengan Container Queries, kita punya toolkit layout yang belum pernah sekuat ini.

14 Februari 2025›9 menit baca
›
04
Performance & Optimization

Web Performance: Dari Skor 40 ke 100 di Lighthouse

Performa web bukan sekadar angka di Lighthouse. Ini tentang pengalaman pengguna nyata — seberapa cepat halaman terasa responsif dan siap digunakan.

11 Februari 2025›11 menit baca
›
05
CSS Modern

Tailwind CSS Mastery: Teknik Beyond the Basics

Banyak developer hanya menggunakan 20% kemampuan Tailwind. Artikel ini membahas fitur-fitur tersembunyi dan pola arsitektur yang akan membuat kode CSS kamu jauh lebih efisien dan maintainable.

8 Februari 2025›9 menit baca
›
06
JavaScript / TypeScript

TypeScript Advanced Patterns yang Wajib Dikuasai

TypeScript bukan sekadar JavaScript dengan type annotation. Ada sejumlah pola lanjutan yang — ketika dikuasai — akan mengubah cara kamu menulis kode secara fundamental.

5 Februari 2025›10 menit baca
›
07
React / Next.js

React Server Components: Era Baru Rendering di Web Modern

React Server Components (RSC) adalah perubahan paradigma terbesar dalam ekosistem React sejak diperkenalkannya Hooks. Fitur ini mengubah cara kita berpikir tentang di mana kode JavaScript dieksekusi.

1 Februari 2025›8 menit baca
›

Contact Me

Let's Work
Together

Have a project in mind? I'd love to hear about it. Reach out and let's create something amazing.

Say Hello →

Jl. Bendungan Melayu DKI Jakarta, Indone

sia Jakarta Utara 14230

Find me on

Built with ♥ by Ahmad Nurdiansah — 2026