Skip to content
panpan

00hero.tsx

Full-Stack Developer, WhatsApp Bot Builder, UI Tinkerer, Motion Nerd

I build web apps, WhatsApp bots and tiny tools that do way too much. Fast, loud, and always a little bit extra.

See my work
Let's talk
panpan.ts

panpan is a developer. Stack: Next.js, TypeScript, Node.js. Builds: web apps, bots, automation. Coffee: infinite. Open to work: yes.

01about.md

About me

README.md

hey, i'm panpan

I'm a developer who likes building things that people actually use — and that look like a human with opinions made them.

Most of my time goes into web apps, WhatsApp automation and the small tools that quietly save a team an hour a day.

I care about the details nobody asked for: the press of a button, the easing of a reveal, the pixel that sits one pixel too far left.

what i love building

  • feat: plugin-based WhatsApp bots that scale past one command
  • feat: school tools — attendance, POS, student portals
  • fix: interfaces that feel physical instead of flat
  • perf: shipping fast on Next.js, TypeScript and Supabase
panpan.png
HELLO!PP

  • 12+

    Projects shipped

  • 3+

    Years coding

  • 1,337

    Cups of coffee

  • 999+

    Bugs squashed

02stack.json

My stack

stack.json

{

"frontend": [

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • Motion

],

"backend": [

  • Node.js
  • Supabase
  • PostgreSQL
  • REST APIs
  • WhatsApp bots

],

"tools": [

  • Git
  • Vercel
  • VS Code
  • Termux

],

"learning": [

  • Three.js
  • Rust
  • System design

]

}

currently learning: shaders, Three.js and how to explain my own code to future me

03projects.ts

Selected projects

Showing 5 projects

  • SHIPPED

    Renvy Bot

    A feature-rich WhatsApp automation bot with a plugin-based architecture — drop in a file, get a new command.

    • Node.js
    • WhatsApp
    • Automation

    // private repo — ask me about it

  • LIVE

    Graviton

    Smart School Attendance: a fast web app that turns roll call into a two-tap routine.

    • Next.js
    • Supabase
    • Framer Motion
    • Vercel

    // private repo — ask me about it

  • SHIPPED

    Absensi Kelas

    Class attendance in a single HTML file — vanilla CSS and JS wearing a dark, premium look.

    • HTML
    • CSS
    • JavaScript

    // private repo — ask me about it

  • WIP

    POS App

    A point-of-sale web app for the cashier: quick taps, clean totals, zero training needed.

    • JavaScript
    • Web App

    // private repo — ask me about it

  • WIP

    Portal OSIS

    A community portal for the school student council: announcements, events and a place to belong.

    • Next.js
    • Supabase
    • Framer Motion

    // private repo — ask me about it

04journey.log

My journey

git log --oneline --graph

  1. commita3f9c21

    feat: started learning JavaScript

  2. commit7be41d0

    feat: shipped my very first website

  3. commitc05d88a

    feat: built Renvy Bot, my first WhatsApp bot

  4. commit19fa3e7

    feat: school projects — attendance and POS apps

  5. commite82b6c4v1.0

    release: shipped Graviton to real classrooms

  6. commit4c0ffeeHEAD -> main

    wip: building this portfolio (hello, you)

// 05 — contact.shSAY HI

LET'SBUILDSOMETHINGLOUD.

Got a project, a bot idea, or just want to say hi? Drop a message — I reply fast and I don't bite.

contact.sh

./send-message.sh --to panpan

// email

hello@panpan.dev

// find me on

main
--:--:--Open0%