{"id":30207785,"url":"https://github.com/mysteriza/split-bill-web","last_synced_at":"2026-04-11T05:36:42.782Z","repository":{"id":307476460,"uuid":"1029593908","full_name":"Mysteriza/split-bill-web","owner":"Mysteriza","description":"Sebuah aplikasi web modern yang dirancang untuk mempermudah proses pembagian tagihan (split bill) bersama teman-teman. Dibangun dengan Next.js dan TypeScript, aplikasi ini menawarkan pengalaman pengguna yang cepat, interaktif, dan intuitif.","archived":false,"fork":false,"pushed_at":"2025-12-30T08:33:18.000Z","size":1242,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-02T20:50:23.401Z","etag":null,"topics":["calculator","dompurify","framer-motion","nextjs","retro","split-bill","tailwindcss","typescript","vercel","website"],"latest_commit_sha":null,"homepage":"https://retro-split-bill-web.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mysteriza.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-31T09:23:24.000Z","updated_at":"2025-12-30T08:33:22.000Z","dependencies_parsed_at":"2025-07-31T14:32:31.158Z","dependency_job_id":"6f7272c0-aaff-4ace-9909-87ebbe82f1e8","html_url":"https://github.com/Mysteriza/split-bill-web","commit_stats":null,"previous_names":["mysteriza/split-bill-web"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Mysteriza/split-bill-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mysteriza%2Fsplit-bill-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mysteriza%2Fsplit-bill-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mysteriza%2Fsplit-bill-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mysteriza%2Fsplit-bill-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mysteriza","download_url":"https://codeload.github.com/Mysteriza/split-bill-web/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mysteriza%2Fsplit-bill-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31670374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calculator","dompurify","framer-motion","nextjs","retro","split-bill","tailwindcss","typescript","vercel","website"],"created_at":"2025-08-13T16:41:49.406Z","updated_at":"2026-04-11T05:36:42.772Z","avatar_url":"https://github.com/Mysteriza.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧾 Kalkulator Receh\n\nSelamat datang di **Kalkulator Receh**, sebuah aplikasi web modern yang dirancang untuk mempermudah proses pembagian tagihan (*split bill*) bersama teman-teman. Dibangun dengan Next.js dan TypeScript, aplikasi ini menawarkan pengalaman pengguna yang cerdas, interaktif, dan sangat efisien.\n\nLihat demonya secara langsung di: **[https://retro-split-bill-web.vercel.app/](https://retro-split-bill-web.vercel.app/)**\n\n\u003cimg width=\"1920\" height=\"1177\" alt=\"Tampilan Aplikasi Kalkulator Receh\" src=\"https://github.com/user-attachments/assets/58b41d6f-26d5-44d9-b210-7e664465e601\" /\u003e\n\n## ✨ Fitur Utama\n\nAplikasi ini dilengkapi dengan berbagai fitur canggih untuk memastikan proses patungan menjadi secepat dan semudah mungkin:\n\n* **Sesi Tersimpan Otomatis**: Sesi Anda (peserta, item, biaya) disimpan secara otomatis di browser. Saat Anda kembali, aplikasi akan menawarkan untuk melanjutkan sesi terakhir.\n* **Input Massal Interaktif**: Tempel beberapa baris pesanan dari struk sekaligus dengan pratinjau validasi *real-time* untuk memastikan tidak ada kesalahan format.\n* **Manajemen Sesi (Impor/Ekspor)**: Simpan dan muat kembali seluruh sesi perhitungan menggunakan file **JSON**, dilindungi oleh validasi skema **Zod**.\n* **Tandai Utang Lunas**: Lacak status pembayaran dengan mudah menggunakan fitur centang pada rincian utang.\n* **Manajemen Item Fleksibel**: Edit, hapus, dan tandai item ke beberapa peserta, dilengkapi dengan logika yang membatasi jumlah tag sesuai kuantitas item.\n* **Salin Teks untuk WhatsApp**: Salin hasil perhitungan dalam format teks yang rapi dan super detail—lengkap dengan rincian item per orang—siap untuk dibagikan.\n* **Desain Responsif \u0026 Optimal**: Tampilan yang rapi dan terstruktur baik di desktop maupun mobile.\n\n## 📱 Coba Aplikasi Android (.apk)\n\nAnda bisa mengunduh dan meng-install versi Android dari aplikasi ini langsung di HP Anda melalui tautan di bawah ini.\n\n[**Unduh Kalkulator Receh v1.0.0.apk**](https://github.com/Mysteriza/split-bill-web/releases/download/v1.0.0-assets/Kalkulator.Receh.apk)\n\n## 🧪 Coba Demo dengan Data Contoh\n\nIngin langsung melihat cara kerja semua fitur tanpa input manual? Unduh file sesi contoh di bawah ini, lalu gunakan fitur **\"Impor\"** di aplikasi untuk memuatnya.\n\n[**Unduh File JSON Contoh**](https://github.com/Mysteriza/split-bill-web/releases/download/v1.0.0-assets/kalkulator-receh-sesi-2025-08-03.json)\n\n## 🤔 Mengapa Input Massal Lebih Baik dari Scan Struk?\n\nKami sengaja memilih untuk tidak mengimplementasikan fitur scan struk (OCR) dan fokus pada **Input Massal** demi **kecepatan, akurasi, dan kebebasan pengguna**.\n\n* **Akurasi adalah Kunci**: Dengan **Input Massal**, Anda menyalin teks yang sudah pasti benar, menghilangkan risiko kesalahan angka.\n* **Lebih Cepat dari Koreksi**: Proses menyalin-tempel teks dari catatan jauh lebih cepat daripada memindai lalu mengoreksi setiap baris hasil pindai yang mungkin salah.\n* **Gratis \u0026 Open-Source Selamanya**: **Kalkulator Receh akan selalu gratis dan open-source**.\n\n## 🚀 Teknologi yang Digunakan\n\n* **Framework**: [Next.js](https://nextjs.org/)\n* **Bahasa**: [TypeScript](https://www.typescriptlang.org/)\n* **Aplikasi Hybrid**: [Capacitor](https://capacitorjs.com/)\n* **Styling**: [Tailwind CSS](https://tailwindcss.com/)\n* **Validasi Skema**: [Zod](https://zod.dev/)\n* **Komponen UI**: [shadcn/ui](https://ui.shadcn.com/)\n* **Animasi**: [Framer Motion](https://www.framer.com/motion/)\n* **Keamanan**: [DOMPurify](https://github.com/cure53/DOMPurify)\n* **Deployment**: [Vercel](https://vercel.com/)\n\n## 🛠️ Panduan Instalasi \u0026 Setup Lokal\n\nIngin menjalankan proyek ini di komputer Anda? Ikuti langkah-langkah berikut:\n\n1.  **Clone Repositori**\n    ```bash\n    git clone https://github.com/Mysteriza/split-bill-web\n    cd split-bill-web\n    ```\n\n2.  **Instal Dependensi**\n    ```bash\n    npm install\n    ```\n\n3.  **Jalankan Server Development**\n    ```bash\n    npm run dev\n    ```\n\n4.  **Buka Aplikasi**\n    Buka browser Anda dan kunjungi [http://localhost:3000](http://localhost:3000) (atau port lain yang ditampilkan di terminal).\n\n---\n\nTerima kasih telah mengunjungi dan menggunakan proyek ini!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmysteriza%2Fsplit-bill-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmysteriza%2Fsplit-bill-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmysteriza%2Fsplit-bill-web/lists"}