PILOT · IN USE
Hadirin
- RFID
- REALTIME
- ATTENDANCE
One tap to record and read attendance status.
- Next.js
- Express
- Prisma
- PostgreSQL
- Docker
( 01 )HEY, I’M FRANKY
SoftwareEngineer
/ Turning ideas into real products.
I build modern web experiences with clean code, thoughtful design, and a focus on real-world impact. Currently building production tools for the hospitality industry.
- 2020STARTED
WRITING CODE - 7APPS
BUILT - ∞CURIOSITY
DRIVES ME
SCROLL ↓
Activity
Built up week by week.
Every square is a day I shipped something — personal projects and private work, side by side.
steady, not flashy
SepOctNovDecJanFebMarAprMayJunJulAugSep
Personal workPrivate work (NDA)No activity
449 contributions166 active days
01 / ABOUT
Thriving in constraints.
I build software from Gili Raja, a small island off Madura where the power grid only runs at night. This condition inspired me to design and code a solar monitoring system (PLTS). Although the physical infrastructure isn't built yet and it currently runs as a digital simulation, this project is my way of responding to real-world problems through code. Today, I work heavily on the frontend while aggressively expanding my full-stack capabilities.
Since 2025
writing interfaces people rely on
In production
a hotel PMS, every working day
Still widening
backend and mobile are next
02 / SKILLS
The tools I hold every day.
Same tools. Higher standards.
INTERFACE
What people see and touch.
- React
- Next.js
- TypeScript
- Tailwind CSS
STATE
What a screen remembers in between.
- Jotai
- SWR
- Redux Toolkit
- Axios
MOTION
Motion that explains state.
- GSAP
- ScrollTrigger
- Lenis
- SVG
SERVER
Where the rules actually run.
- Node.js
- Express
- Laravel
- Python
DATA
Stored, then streamed live.
- PostgreSQL
- MySQL
- Prisma
- WebSocket
TOOLING
What keeps releases sane.
- Git
- Turborepo
- pnpm
- Jest
- Docker
03 / PROJECTS
Each one started as a complaint.
Everything starts with a real problem. One is currently driving daily operations. The rest are focused experiments, technical deep-dives, and digital infrastructure concepts. No overlapping solutions—just specific answers to specific constraints.
ENGINEERING CASE
Multi-Script Invoice Renderer
- CANVAS API
- JSPDF
- UNICODE
Five scripts in one invoice that stays readable.
- jsPDF
- Canvas API
PROOF OF CONCEPT
PLTS Solar Monitoring
- LARAVEL
- INERTIA
- WEBSOCKET
Simulating solar telemetry in real-time. Built as a Proof of Concept (PoC) software inspired by actual electricity constraints in my hometown.
- Laravel
- Inertia
- React
- WebSocket
- Python
PRODUCT EXPERIMENT
AI Sales Craft
- NEXT.JS
- LLM
- STRUCTURED OUTPUT
From a raw brief to JSON ready to render.
- Next.js
- Express
- TypeScript
- PostgreSQL
- Vercel
BOOTCAMP CAPSTONE
Vidio Belajar
- REACT
- EXPRESS
- MIDTRANS
Pick a course, pay, then open the material.
- React
- Express
- Redux Toolkit
- Midtrans
- PostgreSQL
PRODUCT CONCEPT
Voltrip
- EV
- CHARGING
- MOBILITY
Discover stations, plan smarter routes, and track EV charging.
- Next.js
- TypeScript
- Leaflet
- MapTiler
- Open Charge Map
LIVE DEMO
ZeroDown
- CMMS
- WORKFLOW
- THREE ROLES
A broken machine gets reported by QR, then tracked until its work order closes.
- Next.js
- TypeScript
- Prisma
- PostgreSQL
- Recharts
LIVE · PRIVATE
Artha
- REACT NATIVE
- SERVERLESS API
- HOUSEHOLD FINANCE
Household finance operating system — not a basic expense tracker.
- React Native
- Expo
- TanStack Query
- ElysiaJS
- Drizzle ORM
- Neon Postgres
- Vercel
- EAS Build
LIVE DEMO
Ruang Ajar
- NUXT
- GEMINI AI
- EDUCATION
An AI teaching assistant for teachers — create lessons, exams, quizzes, and leaderboards in one place.
- Nuxt
- Vue
- TypeScript
- Tailwind CSS
- Neon Postgres
- Drizzle ORM
- Google OAuth
- Gemini AI
- Vercel
LOCAL DEMO
Kreo
- NEXT.JS
- GEMINI AI
- CONTENT
An AI TikTok content assistant — review draft videos, captions, hashtags, and content ideas.
- Next.js
- React
- TypeScript
- Gemini AI
- Groq
- Vercel
04 / EXPERIENCE
Always learning. Always building.
before tech
A small retail store
@retailBefore writing code, I ran a store of my own.
Read
Running the place taught me to see things as daily operations: stock, records, people waiting. That way of looking at things stuck.
2020 — 2024
Informatics, Amikom Yogyakarta
@amikomGraduated cum laude, GPA 3.69/4.00.
Read
Focused on software architecture and modern web technology. What stayed with me wasn't the grade but the habit of taking a system apart until only the simplest correct form is left.
Dec 2024 — Mar 2025
Full Stack Bootcamp, Harisenin
@hariseninReact, Node.js, and MySQL, up to the first job offer.
Read
Every project was a working application end to end. The offer arrived before the program ended.
2025 — present
Front-End Engineer, Guestpedia
@guestpediaBuilding core PMS features hotel operations rely on every day.
Read
Guestpedia builds a PMS, channel manager, booking engine, and AI revenue tools for hotels. My part: AI Pricing Manager, Night Audit, Room & Rate, Group Reservations, Guest Management, through to the reporting and export layer, including the WebSocket path for anything that has to be realtime.
2026 — present
Teaching. Learning. Still building.
@assalamPart-time ICT teacher alongside engineering work.
Read
Computer fundamentals and digital literacy for high school students at MA Assalam. On the other side, widening into backend and mobile: Laravel, Node.js, React Native.
05 / CONTACT
If your business has one, let's build the solution.
Every project above was born from a real-world friction.
Ideas. Code. Real impact.
Say hello