FREELANCE APP DEVELOPERPORTFOLIO — VOL. 01 / 2026

Saya Tegar, pengembang di balik Xnons.

Ide berani.Dibikin nyata.

Saya membantu membangun UI, aplikasi web, dashboard, dan MVP sederhana. Dari kebutuhan yang jelas, menjadi aplikasi yang bisa dicoba.

EXPLORATIONS IN CODE↙ TAKE A CLOSER LOOK
01 / APP EXPERIENCEXanly / Learning app
PILIH EKSPLORASI
DESIGN THINKING.
PRACTICAL BUILDING.
WEB DEVELOPMENTWEB APPS & DASHBOARDSAPI INTEGRATION
SCROLL TO EXPLORE ↓
01 / KARYA PILIHAN

Eksplorasi berbeda.
Satu rasa ingin tahu.

Xanly sebagai produk utama.
Tiga studi kasus fitur dan satu
eksplorasi Nexora dalam evaluasi.

SELECTED WORK (04)

4 studi kasus ditampilkan.

PRODUK XANLY

Lihat produk di balik karyanya.

Jelajahi aplikasi belajar yang menjadi rumah bagi AI Tutor, flashcard, dan integrasi berita.

↳ AI Tutor, Learning Experience, dan News Integration adalah studi kasus fitur dalam satu produk: Xanly.

02 / YANG BISA DIBANTU

Dari kebutuhan,
ke solusi yang bekerja.

Pilih kebutuhan yang paling dekat.
Setiap pekerjaan dimulai dari lingkup,
hasil, dan cara uji yang disepakati.

01

UI & website responsif

Ubah rancangan atau ide menjadi antarmuka yang nyaman digunakan dari HP sampai desktop. Cocok untuk memperkenalkan produk atau merapikan tampilan aplikasi.

LANDING PAGE / FIGMA KE UI / RESPONSIVE WEB
HASIL YANG DISIAPKAN
  • Halaman sesuai lingkup
  • Tampilan HP & desktop
  • Source code & panduan singkat

Untuk profil bisnis, halaman produk, atau antarmuka aplikasi.

Bahas kebutuhan ini
02

Aplikasi web & dashboard

Bangun alur aplikasi sederhana: menambah data, menampilkan daftar, mencari, dan mengedit. Kebutuhan akun serta penyimpanan data ditentukan saat membahas lingkup.

WEB APP / KELOLA DATA / DASHBOARD
HASIL YANG DISIAPKAN
  • Alur data yang disepakati
  • Keadaan loading, kosong & error
  • Preview untuk diperiksa

Untuk pencatatan dan dashboard dengan data non-kritis.

Bahas kebutuhan ini
03

MVP dengan satu fokus

Mulai dari versi aplikasi terkecil yang sudah bisa dicoba. Kita pilih satu kebutuhan utama, tentukan platform yang sesuai, lalu susun fitur yang benar-benar perlu dibangun.

PROTOTYPE / MVP / SCOPE TERUKUR
HASIL YANG DISIAPKAN
  • Batas fitur yang jelas
  • Satu alur utama
  • Skenario uji & catatan penggunaan

Untuk menguji ide sebelum menambah banyak fitur.

Bahas kebutuhan ini
04

API & fitur tambahan

Hubungkan aplikasi dengan layanan lain, seperti feed berita atau sumber data publik. Fitur AI dibahas bila mendukung kebutuhan aplikasi, termasuk sumber jawaban, batas penggunaan, dan biaya layanan.

INTEGRASI API / DATA FEED / FITUR AI
HASIL YANG DISIAPKAN
  • Integrasi sesuai lingkup
  • Penanganan respons gagal
  • Dokumentasi konfigurasi

Untuk menambah kemampuan pada aplikasi dengan alur yang sudah jelas.

Bahas kebutuhan ini
03 / ON THE WORKBENCH

Ruang untuk
hal berikutnya.

Xanly tetap menjadi produk utama. Dua arah di bawah ini masih rencana pengembangan dan kandidat eksplorasi.

01 / RENCANA MVPDIRENCANAKAN

Support yang tahu
kapan harus membantu.

Customer support untuk Xanly: FAQ dan knowledge base, tiket, dashboard admin, serta penerusan ke manusia saat diperlukan.

Pertanyaan↗Sumber & FAQ↗Tiket / manusia

Fokus rencana: alur kecil yang bisa diuji. Belum menjadi demo atau layanan yang sudah selesai.

02 / KANDIDAT UTILITYEKSPLORASI

Satu kebutuhan kecil.
Satu aplikasi berguna.

RemotePadRencana touchpad HP ke PC melalui Wi-Fi.

VoiceScribeRencana impor audio, transkripsi, edit, dan ekspor.

Satu kandidat dipilih untuk dikembangkan lebih dulu. Belum tersedia untuk diunduh.

SMALL SCOPE. ROOM TO GROW.Ada kebutuhan aplikasi sederhana?
04 / DI BALIK XNONS

Halo, saya Tegar.
Suka membangun
yang berguna.

Nama saya Muhammad Tegar Saputra. Xnons adalah identitas kreatif saya. Fokus saya adalah app development: merancang antarmuka, membangun alur sederhana, dan menghubungkan data agar aplikasi berguna dalam keseharian. Xanly adalah produk utama tempat saya mengembangkan pengalaman belajar bahasa Jepang. Nexora menjadi ruang eksplorasi sistem bisnis yang masih dievaluasi.

Pendekatan saya menggabungkan perancangan alur, pengembangan dengan bantuan AI, dan pemeriksaan hasil. Untuk setiap pekerjaan, kita mulai dari kebutuhan dan batas lingkup yang disepakati.

ReactTypeScriptPythonResponsive UIAPI Integration
Mari kenalan dan bahas idemu
05 / CARA KERJA

Jelas di awal.
Terarah sampai akhir.

01↗

Kita diskusi.

Ceritakan tujuan, pengguna, dan kendala. Kita tentukan lingkup yang masuk akal.

02↗

Susun arahnya.

Tentukan alur, rancangan, dan hasil yang perlu dicapai sebelum mulai membangun.

03↗

Bangun bertahap.

Kembangkan bagian utama dan periksa lewat preview yang bisa kamu nilai.

04↗

Uji & serahkan.

Periksa fungsi, rapikan detail, lalu siapkan hasil dan panduan penggunaannya.

SEBELUM MULAI

Biar jelas,
dari obrolan pertama.

Tujuan, batas fitur, dan hasil yang ingin diperiksa kita sepakati bersama.

Bisa mulai dari ide yang belum matang?

Bisa. Ceritakan siapa penggunanya dan pekerjaan apa yang ingin dipermudah. Kita pecah menjadi satu alur utama dan daftar fitur awal sebelum menentukan pengerjaan.

Apa yang disiapkan saat serah terima?

Hasil mengikuti lingkup yang disepakati: source code, panduan menjalankan aplikasi, serta catatan konfigurasi dan pemeriksaan. Hosting, domain, layanan berbayar, dan pemeliharaan dibahas terpisah sesuai kebutuhan.

Apakah setiap aplikasi harus memakai AI?

AI dipilih bila membantu alur pengguna. Untuk kebutuhan pencatatan, dashboard, atau halaman produk, antarmuka dan alur data yang jelas sering sudah cukup. Integrasi AI perlu membahas biaya serta cara menangani jawaban yang keliru.

Bagaimana posisi Nexora dan ERPNext?

Nexora ditampilkan sebagai pengalaman eksplorasi dan kustomisasi di atas ERPNext, dengan status evaluasi. Fokus jasa saat ini adalah UI dan aplikasi sederhana; pekerjaan ERP produksi yang sedang berjalan belum ditawarkan.