Kahfi Smith

Portfolio

0%
© Code by Kahfi Smith
Contact Me

Portfolio

Mohamad Al-Kahfi

Frontend Web Developer

AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStackTanStackAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStackTanStack
AstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStackTanStackAstroTypeScriptTailwindCSSReactJSReduxNextJSPostgreSQLLaravelMySQLNodeJSVueJSDockerFigmaFirebaseSupabaseVitestZustandGitExpressJSHTMLCSSJavaScriptBootstrapFramer MotionPhotoshopTanStackTanStack

More than justCode & Coffee

Behind every line of code is a story of curiosity, creativity, and countless cups of coffee. 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.

1.8

Years Experience

8+

Projects Completed

Cups of Coffee

A Quick Look AtHow I Build

Total Coding Time

1,240 hrs

Lifetime tracked coding time

Daily Average

4 hrs 48 mins

Average daily tracked time

Longest Coding Day

Syncing...

Fetching your highest tracked day

Top Language

TypeScript

Primary language by tracked time

Language Usage

Time spent per top language

15 hrs

TypeScript

10 hrs

JavaScript

6 hrs 40 mins

PHP

4 hrs 10 mins

CSS

Language Breakdown

What the recent sessions look like

TypeScript

42.0%

JavaScript

28.0%

PHP

18.0%

CSS

12.0%

Editor Usage

VS Code 88.0% / Cursor 12.0%

Loading live WakaTime stats...

Work Experience

Baby Care Services & Equipment E-Commerce Website

Fullstack Web Developer (Internship)

PT Xeno Parsada Teknologi

Nov 2025 - Present

  • Built and maintained a baby treatment e-commerce website for a Surabaya-based service using Next.js, Tailwind CSS, Zustand for state management, and Firebase for authentication and data storage.
  • Implemented features such as service listing, booking flow, and user dashboard to make it easier for parents to schedule baby treatment sessions online.
  • Collaborated with the team to refine UI/UX, improve responsiveness, and ensure a smooth experience across desktop and mobile devices.
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

  • Responsible as a programmer in developing a goods rental website using React.js with TypeScript, Tailwind CSS, and Redux for state management.
  • Analyze business needs to provide effective features to make it easier for users to digitally borrow goods.
  • Manage inventory data and item rental transactions with PostgreSQL to ensure fast and efficient data storage and access.
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

  • Responsible as the programmer in developing a learning content management website using Laravel and Bootstrap, ensuring seamless user experience and responsive design.
  • Integrate Firebase Firestore, Authentication, and Cloud Storage into the website.
  • Work collaboratively within development teams to produce innovative and responsive web solutions.
LaravelBootstrapAlpine.jsgRPCFirebase

Projects