# Blasius Chelvyn Kera Kleden (Chelvyn Kleden)

> Blasius Chelvyn Kera Kleden (Chelvyn Kleden) — Odoo Technical Consultant & Odoo Developer freelance di Indonesia. Spesialis kustomisasi modul Odoo ERP, integrasi Odoo API, Laravel, CodeIgniter 4, Svelte, dan Next.js.

Chelvyn Kleden adalah Odoo Technical Consultant & Product Software Engineer yang berbasis di Indonesia. Ia membangun produk software end-to-end: implementasi dan kustomisasi Odoo ERP (modul kustom, integrasi API, migrasi, performa), aplikasi web (Laravel, CodeIgniter 4, Svelte/SvelteKit, Next.js), aplikasi desktop (Tauri/Rust), dan mobile (React Native). Tersedia untuk project freelance dan konsultasi.

## Halaman utama

- [Beranda](https://chelvynkleden.com/): ringkasan keahlian, project unggulan, dan testimoni klien
- [Tentang](https://chelvynkleden.com/about): profil, pengalaman kerja, dan keahlian
- [Project](https://chelvynkleden.com/projects): portofolio lengkap project klien
- [Produk](https://chelvynkleden.com/products): produk dan alat buatan sendiri
- [Sertifikat](https://chelvynkleden.com/certificates): sertifikat dan kredensial
- [Kontak](https://chelvynkleden.com/contact): hubungi untuk project atau konsultasi

## Produk

- [Particle Portrait](https://chelvynkleden.com/products/particle-portrait): Turn a photo into a living Three.js particle portrait and export it as one drop-in JavaScript file.
  - Masalah: Animated particle portraits make a striking hero section, but building one means writing WebGL shaders, sampling images, removing backgrounds and tuning motion by hand. Most developers who want one end up with a static photo instead.
  - Solusi: Particle Portrait does all of it in the browser. Upload a photo, the background is removed on your device, tune the look live, and export a single self-contained file that works in plain HTML, React, Next.js, Vue or Svelte.
  - Fitur: Background removal in the browser — your photo never leaves the device; Gather-from-dust intro, cursor repel, tilt and scroll scatter; Morph between up to three photos; Live settings panel with Subtle, Bold, Ghost and Ink presets; Light and dark mode, with custom colors per theme; Export as .js, .d.ts or a single .ts file; Copy-paste snippets for HTML, React, Next.js, Vue and Svelte; Mobile-aware: fewer particles on phones, respects reduced motion
  - Tag: Three.js, WebGL, Svelte, TypeScript, MediaPipe, Creative Coding

## Project

- [Berkasin](https://chelvynkleden.com/projects/16-berkasin): Kumpulan alat gratis untuk menyiapkan foto dan dokumen pendaftaran CPNS, PPPK, SPMB, KIP Kuliah, SNBT, sampai lamaran kerja. Kompres foto ke ukuran KB tertentu, ganti background pas foto, olah PDF, dan banyak lagi. Semua diproses langsung di HP pengguna, tanpa upload dan tanpa akun.
  - Kategori: web tools
  - Teknologi: sveltekit
- [arunika-digital](https://chelvynkleden.com/projects/15-arunika-digital): Website company profile untuk agensi jasa digital yang dirancang untuk menghasilkan klien, bukan sekadar tampil. Pengunjung bisa menjelajahi layanan, melihat hasil proyek, membandingkan paket harga, lalu langsung mengirim kebutuhan proyek lewat form yang terhubung ke WhatsApp.
  - Kategori: Website Company Profile Perusahaan Jasa
  - Teknologi: html, css, vercel
- [Ruang Seduh](https://chelvynkleden.com/projects/14-ruang-seduh): Latar Belakang Banyak coffee shop hanya mengandalkan Instagram untuk tampil online. Calon pelanggan sulit menemukan informasi dasar seperti menu, harga, jam buka, dan lokasi di satu tempat. Padahal untuk coffee shop specialty, cerita di balik kopinya (asal biji, proses sangrai, cara penyeduhan) justru menjadi nilai jual utama. Solusi Website company profile yang tidak hanya menyajikan informasi, tetapi juga membangun suasana. Pengunjung diajak "masuk" ke kafe lewat pengalaman scroll yang bercerita: dari suasana bar, cerita brand, menu andalan, proses kopi, sampai ajakan untuk datang langsung. Fitur Utama Hero imersif. Foto bar kopi dimulai sebagai bingkai kecil, lalu membesar memenuhi layar saat di-scroll, diikuti teks perkenalan dan tombol menu. Menu signature horizontal. Di desktop, scroll ke bawah menggerakkan deretan menu ke samping, lengkap dengan indikator progres. Di HP berubah menjadi galeri yang tinggal digeser. Menu lengkap dengan tab. Kategori Kopi, Non-Kopi, dan Makanan dengan harga, deskripsi singkat, serta label "Favorit" dan "Baru". Cerita proses. Empat tahap dari kebun ke cangkir. Foto di samping berganti otomatis mengikuti bagian yang sedang dibaca. Galeri dan testimoni. Galeri dengan efek kedalaman saat di-scroll, dan ulasan pelanggan yang berjalan dua arah. Status buka/tutup otomatis. Dihitung dari jam WIB secara real-time, dan hari ini ditandai di tabel jam operasional. Reservasi via WhatsApp. Pesan sudah terisi otomatis. Ada juga tombol langsung ke Google Maps. Desain & Pengalaman Pengguna Identitas visual hangat. Palet cokelat espresso, krem, dan aksen oranye terakota, terinspirasi warna kopi dan suasana kafe di sore hari. Tipografi kontras. Huruf grotesk tebal dipadu serif miring untuk kesan modern sekaligus artisan. Ritme halaman. Pergantian bagian gelap dan terang membuat halaman panjang tetap nyaman dibaca. Animasi detail: layar pembuka berupa cangkir yang terisi kopi dengan uap mengepul judul yang muncul kata demi kata foto yang tersingkap perlahan kursor khusus dan tombol yang mengikuti gerakan mouse Mobile-first. Menu navigasi HP terbuka melingkar penuh layar, dan semua bagian disusun ulang supaya nyaman dibuka dengan satu tangan. Aksesibilitas. Animasi otomatis dikurangi untuk pengguna yang mengaktifkan pengaturan "kurangi gerakan" di perangkatnya.
  - Kategori: Website Company Profile Coffee Shop
  - Teknologi: html, css, vercel
- [Maison Élan](https://chelvynkleden.com/projects/13-maison-elan): Latar Belakang Butik gaun biasanya memamerkan koleksi lewat Instagram atau WhatsApp. Pelanggan harus menggulir ratusan foto dan bertanya satu per satu: "Ada ukuran L?", "Yang warna sage ada?", "Budget 1 juta dapat apa?". Proses ini melelahkan, baik untuk pelanggan maupun admin toko. Solusi Website katalog tanpa keranjang belanja atau checkout. Fokusnya membantu pelanggan menemukan gaun yang cocok secepat mungkin, lalu mengarahkan mereka ke WhatsApp untuk bertransaksi, sesuai kebiasaan belanja butik di Indonesia. Fitur Utama Filter bertumpuk. Pelanggan bisa memilih beberapa kriteria sekaligus, misalnya Ball Gown atau Mermaid, ukuran XL, warna putih, harga di bawah 4 juta. Jumlah hasil di setiap pilihan filter. Pilihan yang tidak menghasilkan apa pun otomatis diredupkan, jadi pelanggan tidak pernah berakhir di halaman kosong. Slider rentang harga, pencarian nama, dan pengurutan (terbaru, termurah, termahal). Label filter aktif yang bisa dihapus satu per satu. Popup detail produk. Berisi foto besar, deskripsi, ukuran yang tersedia, dan tombol WhatsApp dengan pesan yang sudah terisi otomatis sesuai gaun yang dipilih. Navigasi antar produk di dalam popup, dengan dukungan geser di HP. Desain & Pengalaman Pengguna Gaya editorial ala majalah fashion. Huruf serif besar, warna krem hangat, dan aksen maroon-emas untuk kesan butik premium. Mobile-first. Di HP, filter muncul sebagai panel dari bawah layar yang mudah dijangkau jempol, dan galeri tampil dua kolom. Animasi yang terasa mewah tanpa mengganggu: layar pembuka dengan huruf logo yang muncul bergantian judul yang naik perlahan dan foto berbingkai lengkung yang bergerak mengikuti kursor kartu produk yang bergeser mulus ke posisi baru saat filter diubah efek miring 3D dan kilau saat kursor diarahkan ke foto Aksesibilitas: mendukung navigasi keyboard, dan animasi otomatis dikurangi untuk pengguna yang mengaktifkan pengaturan "kurangi gerakan" di perangkatnya. Teknologi HTML, CSS, dan JavaScript murni, tanpa framework. Ringan, cepat dimuat, dan mudah dirawat. Data produk dipisahkan dalam satu file, sehingga menambah atau mengubah gaun tidak perlu menyentuh kode tampilan. Deploy di Vercel dengan domain kustom dan HTTPS.
  - Kategori: Website Katalog Gaun
  - Teknologi: html, css, vercel
- [Website Open Trip Cabodeflores](https://chelvynkleden.com/projects/12-website-open-trip-cabodeflores): Situs open-trip Labuan Bajo untuk operator tur Komodo: daftar trip & itinerary, galeri, tarif taman nasional, kalkulator USD ↔ IDR, dan booking via WhatsApp dengan pesan terisi otomatis. Dibangun sebagai situs statis (SvelteKit 5 + Tailwind 4, di-prerender) untuk kecepatan dan SEO, ditambah overlay live supaya harga, kurs, dan review tampil seketika tanpa menunggu rebuild. Pemilik mengelola semua konten lewat admin dashboard custom (Tours, Gallery, Park Fees, Payment, Kurs, moderasi Review) yang menyimpan ke Turso dan otomatis memicu deploy. Ada sistem review tamu berbasis link sekali-pakai, dan bot Telegram untuk ubah harga & kurs langsung dari chat.
  - Kategori: web
  - Teknologi: Sveltekit, Tursor, Tailwind 4
- [Project Yayasan Regina](https://chelvynkleden.com/projects/11-project-yayasan-regina): Web dashbord admin ini adalah project di mana untuk mempermudah pengelolah dana donasi yang di berikan oleh donatur terhadapat panti asuhan yayasan regina. web dashboard donasi ini bertujuan untuk proyek akhir atau skripsi
  - Kategori: Web Admin
  - Teknologi: Codeigniter 4
- [SiapCamat](https://chelvynkleden.com/projects/10-siapcamat): Aplikasi web untuk menyimpan, mencari, dan membuka kembali berkas resmi kantor dalam hitungan detik — menggantikan arsip yang selama ini tersebar di lemari berkas, flashdisk, dan chat WhatsApp.
  - Kategori: Web archive file
  - Teknologi: Next js
- [Odoo Consultan Manufactur](https://chelvynkleden.com/projects/9-odoo-consultan-manufactur): Development & Reporting Mengembangkan custom module lintas modul Sales, Accounting, Purchase, & Inventory (Python/ORM & QWeb) Membangun PostgreSQL reporting views untuk analisis Sales, Purchase Order, dan Inventory Incident Resolution Mendiagnosis dan menyelesaikan 504 Gateway Timeout yang bersumber dari excessive logging di stock.move Memperbaiki MemoryError pada GL reporting saat memproses dataset besar Menyelesaikan PostgreSQL lock (LockNotAvailable) yang terjadi saat module upgrade DevOps & Infrastructure Mengelola Jenkins CI/CD untuk deployment otomatis ke 5 production server via SSH Deployment berbasis Docker untuk Odoo 18.1
  - Kategori: Odoo
  - Teknologi: Python, Postgressql, Docker
- [AI Klasisfikasi Buah Sawit](https://chelvynkleden.com/projects/8-ai-klasisfikasi-buah-sawit): Project ini adalah project yang mengklasifikasi buah sawit di satu perushan yang mana membagi 2 variabel yait matang(ripe) dan mentah (unripe) dengan akurasi 90%. yang mana menggunakan model ResNet50 (40%) + EfficientNetV2-S (60%) weighted average
  - Kategori: Aplikasi Desktop
  - Teknologi: Python
- [Omidash](https://chelvynkleden.com/projects/6-omidash): omidash adalah dashboard analytics marketplace untuk data penjualan dan performa toko.
  - Kategori: Web Template Dashboard
  - Teknologi: Next.js
- [Subro-go](https://chelvynkleden.com/projects/3-subro-go): subrogo-apps adalah aplikasi mobile Expo/React Native dengan integrasi Firebase untuk frontend app.
  - Kategori: mobile app
  - Teknologi: react-native, firebase
- [Devos CLI](https://chelvynkleden.com/projects/2-devos-cli): DevOS CLI adalah tool CLI berbasis Rust untuk manajemen dan eksekusi proyek Odoo.
  - Kategori: Terminal CLI Windows
  - Teknologi: Rust
- [wareng.site](https://chelvynkleden.com/projects/1-wareng-site): wareng.site adalah website resmi Padukuhan Wareng sebagai pusat informasi digital desa.
  - Kategori: Web Profile Desa
  - Teknologi: Next.js, Tailwindjs

## Pengalaman

- Odoo Technical Consultan — PT. Sinergi Karya Solusindo (Apr 2025 — Sekarang)
- Freelancer Fullstack Developer — Personal (Agu 2024 — Sekarang)

## Kontak

- Form kontak: https://chelvynkleden.com/contact
- Situs: https://chelvynkleden.com