FULLSTACK DEVELOPER — KUTAI KARTANEGARA, ID

MUHAMMADFADIL

I build full-stack web applications from idea to deployment, combining design, engineering, and AI-assisted development.
SCROLL
// ABOUT

ME, BEHIND THE CODE_

I'm an otodidakers developer, building web applications from real-world problems and ideas I personally encounter. I enjoy turning those ideas into useful, practical products that I can actually use myself.

LOCATION
Kutai Kartanegara, East Kalimantan
FOCUS
Fullstack Dev · AI-Assisted Tooling
STATUS
Inform Systems Student · 5th Semester
Experience
Self-Taught since late 2024
// BACKGROUND

Experience & Education

  • JUL 2021 — MAR 2024 · EDUCATION SMK Muhammadiyah Loa Janan

    Started my journey in IT, building a foundation in computer systems, hardware & networking.

  • JUL — DEC 2022 · EXPERIENCE PT. Anugerah Bara Kaltim

    Worked in a real-world mining logistics environment, handling inventory records, checking incoming goods, and scanning docs.

  • AUG 2024 — PRESENT · EDUCATION UIN Sultan Aji Muhammad Idris Samarinda

    Studying information systems, with coursework in web dev, databases, software eng, & UI/UX

  • SEP 2024 — PRESENT · SELF-TAUGHT Independent

    Learning by building through personal projects, courses, youtube tutorials, & community events

I
START
WITH
PROBLEMS
REAL
THEN
TURN
WORKINGSYSTEMS
INTO
// WORK
01 / 07
  • FEATURED WORK_

    SCROLL TO EXPLORE
  • DEVMAP preview
    01

    DEVMAP

    Analyze once, reuse context everywhere

    • 282/282 tests passing
    • 11 framework supported

    Maps your codebase through static analysis to give AI agents structured context and a clearer understanding of your project.

    STACK
    • TypeScript
    • Node.js
    • ts-morph
    • Commander
    • Astro
  • DEVNOTE preview
    02

    DEVNOTE

    A platform for developers to manage and organize code, snippets, resources, and knowledge.

    • 39 endpoint
    • 3 role levels

    Keep your technical knowledge organized in one place, from reusable snippets and resources to notes and collections.

    STACK
    • Next.js
    • TypeScript
    • PostgreSQL
    • Codemirror
  • CHATME preview
    03

    CHATME

    Chat-UI-based personal notes and reminders web application

    • offline-ready
    • 3+ months of daily use

    A simple way to capture thoughts, save notes, and manage reminders through a familiar chat-based interface.

    STACK
    • Next.js
    • TypeScript
    • PostgreSQL
    • Upstash
  • DAILYFIT preview
    04

    DAILYFIT

    Simple daily home workout web application

    • PDF reports
    • 487 movement logged

    Follow daily workouts, track completed activities, and keep an eye on your progress through a simple fitness experience.

    STACK
    • Next.js
    • TypeScript
    • PostgreSQL
    • Prisma
  • MUFADZ PORTAL preview
    05

    MUFADZ PORTAL

    An all-in-one platform for Islamic services, from Quran to prayer schedule.

    • 25 Stars
    • 3 APIs integrated

    Brings Islamic services together in one platform — Quran reader and prayer schedule anchor daily use, alongside dzikir, zakat calculator, and an AI chatbot.

    STACK
    • React
    • TypeScript
    • Express
    • MySQL
  • DE HOME SPA preview
    06

    DE HOME SPA

    An AI-powered home spa platform for personalized treatment recommendations and guidance.

    • Ranked 6th — TechnoFest 2026 FE AI Hackathon

    Get personalized home spa recommendations based on your needs through guided selections or direct conversations with AI.

    STACK
    • Next.js
    • TypeScript
    • Groq
    • Fonnte
  • KASBON.IN preview
    07

    KASBON.IN

    Real-time Shared Ledger System for a family-run store

    Multi-user debt tracking for a family store, so every transaction anyone logs is visible to the whole family in real time.

    STACK
    • Vue
    • Laravel
    • Inertia
    • MySQL
    Repository
// SKILLS

WHAT I USE_

Tools and technologies I reach for when shipping real products.

01 FRONTEND
Next.js
React
TypeScript
JavaScript
Tailwind
SvelteKit
Vue
TanStack Query
02 BACKEND
Node.js
Express
Prisma
REST API
PHP
Laravel
NextAuth
Google OAuth
BetterAuth
03 DATABASE
PostgreSQL
MySQL
Supabase
Neon
04 DESIGN & MOTION
Figma
Canva
Pixellab
GSAP
Framer Motion
05 AI & LLM
Claude
GPT
Codex
Groq
OpenRouter
OpenCode
06 TOOLS & INFRA
GitHub
Git
Vercel
Vite
npm
Upstash
// GITHUB ACTIVITY

STILL BUILDING_

TOTAL
0 kontribusi
STREAK
0 hari berturut-turut
COMMIT
0 commit
REPO
0 repo publik
FULL PROFILE ↗
0 0

LOADING_