nabilfikrisp | Full Stack Developer

Currently growing my backend, database, and system design skills.

indonesian-flag

South Jakarta, DKI Jakarta, Indonesia

profile-picture

About Me

Hello, my name is Muhammad Nabil Fikri Sudjarpadi Putra. I'm a fullstack developer with 1+ years of experience building user-focused web applications with React, Next.js, and Express/Nest.js. While my strength is currently in frontend development, I'm actively expanding my backend, database, and system design skills to create more complete and reliable systems.

Experience

Datacakra logo

Frontend Engineer

-Datacakra-Contracted to Bank BTN-Oct 2025 - Present

Worked on Bank BTN mobile banking integrations through Datacakra, focusing on React WebViews, biometric SDK abstraction, and Express.js API adapters.

  • Developed React-based mobile banking WebViews for direct third-party app integration.
  • Developed a React abstraction layer for biometric SDKs to simplify vendor integration and ensure future-proof vendor integration.
  • Built Express.js adapters to transform legacy banking strings into standardized RESTful API responses.
Octoscript logo

Frontend Developer

-Octoscript-Project Based-Oct 2024 - Feb 2025

Led the end-to-end frontend development of Twostrap.id using Next.js, focusing on hybrid rendering, secure authentication, and seamless backend integration.

  • Engineered Twostrap.id using Next.js with a hybrid rendering approach (SSR for SEO-critical pages and SPA for secure checkout flows).
  • Implemented secure HttpOnly cookie authentication with cross-domain integration to effectively mitigate XSS risks.
  • Collaborated with the backend lead on API design and documented complex React components, ensuring maintainability and fast feature delivery.
Dicoding Indonesia logo

React Mentor

-Dicoding Indonesia-Part-time-Feb 2024 - Aug 2024

Provided technical mentorship, code reviews, and architectural guidance for a cohort of React.js students, ensuring successful completion of their Developer learning paths.

  • Mentored a class of 23 React.js students, achieving an average student satisfaction rate of 4.8/5.
  • Awarded 'Best Mentor' for 2 consecutive months, achieving one of the highest student satisfaction ratings among 20 mentors.
  • Supported 3 students in achieving 'Best Capstone Project' awards through consistent technical feedback and guidance.
LKP Neo Spectra English logo

Full Stack Developer

-LKP Neo Spectra English-Project Based-Dec 2023 - Aug 2024

Built app.toeps.id using Next.js, NestJS, and PostgreSQL

  • Scaled to 22,000+ users, averaging 1,500+ new sign-ups per month.
  • Integrated in-app payments through Duitku, which automated 87% of over 20,000 transactions.
  • Automated certificate generation, saving 2+ hours of manual work daily, enabling instant PDF access.
  • Built a Safari-specific listening flow, bypassing audio autoplay restrictions for seamless tests across all users.
PT Docheck Bagi Indonesia logo

Frontend Developer

-PT Docheck Bagi Indonesia-Intern-Aug 2023 - Nov 2023

Contributed to the development of the wool.id project using Next.js

  • Delivered tasks on time consistently.
  • Participated in agile meetings such as sprint planning, standups, and retrospectives, following team workflows.
  • Worked closely with backend and QA teams to resolve data issues and ensure bug-free releases.
Universitas Padjadjaran logo

Full Stack Developer

-Universitas Padjadjaran-Contract-Jul 2023 - Sep 2023

Worked on Prabu 2023, an annual new student admission event at Padjadjaran University, using Laravel.

  • Built the client-side mini exam feature, reducing server load by offloading processing to the client-side.
  • Collaborated with UNPAD devops to stress test the app, ensuring it could handle thousands concurrent users during peak times.
LKP Neo Spectra English logo

Full Stack Developer

-LKP Neo Spectra English-Project Based-Feb 2023 - May 2023

Built v1 of toeps.id using Laravel and Firebase

  • Handled the frontend and backend of the app independently.
  • Served 20,000+ users. (Separately from the current version)
BEM Kema FEB Unpad logo

Full Stack Developer

-BEM Kema FEB Unpad-Project Based-Jun 2022 - Sep 2022

Developed a voting app for their award event.

  • Used by around 200 total users.

Skills

TypeScript iconTypeScript
JavaScript iconJavaScript
Python iconPython
React iconReact
Next.js iconNext.js
Tailwind CSS iconTailwind CSS
TanStack Query iconTanStack Query
Express.js iconExpress.js
NestJS iconNestJS
PostgreSQL iconPostgreSQL
Prisma iconPrisma
MongoDB iconMongoDB
Jest iconJest
Cypress iconCypress
Playwright iconPlaywright
Vitest iconVitest
Git iconGit
Figma iconFigma

Projects

toeps.id

toeps.id

My Work for LKP Neo Spectra English

react-icontypescript-icontailwindcss-iconnestjs-iconpostgresql-icon
Twostrap.id

Twostrap.id

My Work for Octoscript

react-icontypescript-icontailwindcss-iconnextjs-icon
Fullstack Open Course

Fullstack Open Course

My repository for the exercises from the Fullstack Open course by University of Helsinki

react-icontypescript-icontailwindcss-iconexpressjs-iconmongodb-iconjest-iconplaywright-iconvitest-iconcypress-iconmore-icon
Yoga GNN

Yoga GNN

Graph Neural Network for Yoga Image Classification. This project is a part of my thesis in University

react-icontypescript-icontailwindcss-iconpython-icon
Tripl

Tripl

Travel destination and planner app for Bandung City. This project is a part of my final project in University.

react-iconjavascript-iconexpressjs-iconjest-iconmongodb-icon
Dicoding Forum

Dicoding Forum

A forum app built with React and TypeScript. This project is part of the React Developer Expert path in Dicoding.

react-icontypescript-icontailwindcss-iconcypress-icon

Check out my other projects on GitHub

View on GitHub