Mohamad Al-Kahfi

Portfolio

0%
© Code by Kahfi Smith
Contact Me

Portfolio

Mohamad Al-Kahfi

Frontend Web Developer

AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGo
AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGoAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStack QueryGo

More than justCode & Solutions

Behind every line of code is a story of curiosity, creativity, and a constant drive to improve. Dive deeper into my journey, passions, and the philosophy that drives my work. I believe great software is born from the intersection of technical excellence and human-centered design. My approach combines meticulous attention to detail with a passion for creating delightful user experiences. From user research sessions to late-night prototyping, I obsess over understanding the nuance behind every interaction so that interfaces feel expressive, inclusive, and effortless. I treat every challenge as a chance to learn and leave the experience better than I found it.

2.2

Years Experience

11

Projects Completed

Iterations Made

Work Experience

Baby Care Services & Equipment E-Commerce Website

Fullstack Web 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.
  • IIntegrated 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)

Ventura (Freelance Project)

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

Online Psychology Consultation

Web Development & UI/UX Design (Independent Study)

Infinite Learning

Feb 2024 - Jun 2024

  • Responsible as the main programmer in developing an online psychology consultation platform that integrates React.js for the frontend and Express.js for the backend
  • Conduct market research to ensure that the website meets user needs in the health sector.
  • Analyze business needs to create effective digital solutions in providing health information.
React.jsExpress.jsJavaScriptTailwind CSSMySQL

Learning App Management Dashboard

Fullstack Web Developer (Remote)

Studyo

Nov 2023 - Oct 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.
  • WDeveloped Python scripts for data transformation, formatting, and delivery workflows to support faster application development using Firebase Firestore, Auth, and Cloud Storage.
LaravelBootstrapAlpine.jsgRPCFirebase

Projects