Mohamad Al‑Kahfi

Portfolio

0%
© Code by Kahfi Smith
Contact Me

Mohamad Al-Kahfi

Fullstack Developer

AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoPythonFastAPIAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoPythonFastAPI
AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoPythonFastAPIAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoPythonFastAPI

More than justCode & Solutions

Behind every interface is curiosity, craft, and a bias for shipping. As a fullstack developer I care about typography, motion, and performance—and I ship the auth, APIs, and data models products need to actually work. Great software still lives at the intersection of technical excellence and human-centered design: clear hierarchy, inclusive interaction, and details that feel effortless. Dive deeper into the journey, values, and systems that shape how I build.

1.5

Years Experience

10

Projects Completed

Discover my story

Work Experience

Dental Clinic SaaS Platform

Fullstack Developer (Freelance)

CV Bion Solution Technology

Jun 2026 - Present

  • Maintained and improved a production multi-tenant SaaS platform for dental clinics, supporting daily operations across 200+ active client clinics.
  • Redesigned the doctor-facing clinical history feature, scoping patient lists to each doctor's own treatments while surfacing complete cross-doctor treatment history on patient detail pages.
  • Fixed medical fee report calculations to include only fee-bearing procedures, ensuring accurate doctor compensation reports, and built multi-branch operational reports with Excel and PDF export.
  • Improved installment billing flows and daily clinic operations, including patient filtering, role-based action permissions, and examination workflow UX.
Vue.jsTypeScriptVuetifyPiniaAxiosGo FiberGORMPostgreSQL

Bangkit Postoperative Monitoring

Backend Developer (Freelance)

IMERI FKUI

Apr 2026 - Present

  • Developed core APIs for a postoperative monitoring app for gynecologic oncology care at Dr. Cipto Mangunkusumo National Hospital (RSCM), covering patient and doctor workflows.
  • Designed PostgreSQL/Prisma models for multi-role auth, care episodes, and structured daily patient reports.
  • Implemented JWT auth with email verification, Redis rate limiting, and role guards across patient and doctor APIs.
  • Built a GREEN/YELLOW/RED clinical triage system with scheduled reminders and FCM push notifications.
  • Integrated Cloudflare R2 photo uploads and API/Postman documentation for Flutter mobile handoff.
NestJSTypeScriptPrismaPostgreSQLRedisBullMQFirebase

Baby Care Services & Equipment E-Commerce Website

Fullstack Developer (Internship)

PT Xeno Parsada Teknologi

Nov 2025 - May 2026

  • Developed and maintained customer-facing systems, backend integrations, and admin web features used across 4 branches, supporting hundreds of daily transactions and over 7,000 transactions this year.
  • Integrated RajaOngkir API and implemented caching using Lumen Cache Facade to reduce external API consumption and improve shipping cost request efficiency.
  • Designed and managed backend data storage using MySQL, and Implemented push notification workflows using Firebase Cloud Messaging (FCM) to support both web and mobile platforms.
  • Integrated Midtrans Snap payment gateway and organized payment flows into multiple methods, including virtual account and cash transactions.
Next.jsJavaScriptTailwind CSSTanstack QueryAxiosZustandMySQLFirebase

Ventura Marketplace

Frontend Developer (Freelance)

Nosweat Tech

Jan 2025 - Feb 2025

  • Built a trust-first marketplace interface for buying and selling businesses using Next.js and TypeScript, focused on verified listings and clear financial highlights.
  • Developed reusable listing cards, category filters, and detail page sections to support fast discovery and comparison for potential buyers.
  • Implemented responsive UI and motion-enhanced interactions to keep the browsing flow smooth across desktop and mobile devices.
Next.jsTypeScriptTailwind CSSFramer MotionShadcn UI

Rental Items Platform

Frontend Developer (Internship)

Itematik Pramitha Nusantara

Aug 2024 - Oct 2024

  • Managed merchant product module state using Redux Toolkit for category management, product listing, search, category filtering, and product statistics summary.
  • Developed product creation features including multi-image upload, rich text editor with React Quill, product tags, category and subcategory selection, and multipart form-data submission using Axios and FormData.
  • Implemented authentication flows including login, Google login with Firebase Authentication, merchant registration,OTP verification, and password reset using Axios, sessionStorage
React.jsTypeScriptTailwind CSSMaterial UIReduxPostgreSQLFirebase

Learning App Management Dashboard

Fullstack Developer (Freelance)

Studyo

Nov 2023 - Feb 2024

  • Implemented KYC workflows for tutors during onboarding to support verification before joining the platform as educators.
  • Managed tutor-submitted educational content and videos to prepare learning materials for student access.
  • Developed Python scripts for data transformation, formatting, and delivery workflows to support faster application development using Firebase Firestore, Auth, and Cloud Storage.
LaravelBootstrapAlpine.jsgRPCFirebase

Projects

View Full Projects