---

📑 Daftar Isi Interaktif

1. 🌟 Tentang Repositori Ini
2. 🏗️ Arsitektur & Teknologi
3. 🗺️ Peta Pembelajaran (Roadmap Praktikum)
4. 🚀 Daftar Aplikasi Mandiri (Mini Apps)
5. 🌳 Struktur Direktori (Folder Tree)
6. 💻 Panduan Menjalankan Proyek
7. 📸 Galeri & Cuplikan Layar (Screenshots)
8. 🛠️ Pemecahan Masalah (Troubleshooting)
9. 🤝 Berkontribusi (Contributing)
10. 👨‍💻 Profil Penulis & Kontak

---

🌟 Tentang Repositori Ini

Selamat datang di ruang kerja (workspace) utama React Native milik Anwar Rohmadi. Repositori ini bukan sekadar tempat penyimpanan kode, melainkan sebuah Jurnal Pembelajaran dan Portofolio Hidup yang berfungsi sebagai monorepo komprehensif. Mulai dari dasar-dasar komponen UI hingga aplikasi dengan integrasi backend yang kompleks, semuanya terdokumentasi dan diatur secara rapi di sini.

Tujuan Repositori:

• Pusat Referensi: Menyimpan boilerplate dan code snippet React Native yang telah teruji untuk digunakan ulang di masa depan.
• Transparansi Belajar: Menunjukkan progres kurva pembelajaran secara historis dari semester awal hingga mahir.
• Eksplorasi Teknologi: Menggabungkan teknologi mobile (React Native) dengan ekosistem lain seperti backend performa tinggi (Rust) dan platform modern (Supabase).

---

🏗️ Arsitektur & Teknologi

Pengembangan dalam repositori ini menitikberatkan pada alat dan teknologi berikut:

• Frontend Mobile: React Native (Framework utama lintas platform iOS & Android).
• Environment & Build: Expo CLI (Untuk hot-reloading instan, akses API native yang mudah, dan manajemen build OTA).
• Navigasi: React Navigation (Stack, Tab, & Drawer Navigation).
• State Management: React Hooks (useState, useEffect, useContext), AsyncStorage untuk persistensi lokal.
• Backend & Database:
  • Supabase (PostgreSQL, Autentikasi OAuth Google, Realtime API).
  • Rust (Eksperimen backend microservice dengan arsitektur memori yang sangat efisien).
• Tooling Tambahan: ESLint, Prettier, Babel, Tailwind/Nativewind (untuk beberapa proyek eksperimen).

---

🗺️ Peta Pembelajaran (Roadmap Praktikum)

Setiap folder praktikum-p{X} mewakili tahapan logika kurikulum (milestone). Berikut adalah rinciannya:

---

🚀 Daftar Aplikasi Mandiri (Mini Apps)

Berbagai proyek nyata yang mengekspansi materi praktikum dasar menjadi produk fungsional:

• 🛒 pos-kasir & Market mini
  Deskripsi: Aplikasi Point of Sale dengan fitur perhitungan total harga, penambahan item keranjang otomatis, dan manajemen inventaris sederhana.
• 🏫 e-kampus-mini-app
  Deskripsi: Purwarupa (prototype) Sistem Informasi Akademik yang menyajikan antarmuka jadwal kuliah, nilai mahasiswa, dan pengumuman kampus.
• 🧾 invoice scanner
  Deskripsi: Konsep pemindai faktur menggunakan kamera ponsel yang dipadukan dengan teknik Optical Character Recognition (OCR).
• 📊 analisis data jasa & 🧬 nanotabpfn-plus
  Deskripsi: Skrip dan modul eksperimen terkait pengolahan tabuler untuk Machine Learning dan analitik sains data.
• 🦀 rust-waweb
  Deskripsi: Backend service yang ditulis menggunakan bahasa Rust untuk mendengarkan/merespon webhook dari antarmuka WhatsApp Web.

---

🌳 Struktur Direktori (Folder Tree)

Gambaran arsitektur level atas dari workspace ini:

React-Native-Anwar/
├── 📁 Backup Data/                # File cadangan mentah dan dataset
├── 📁 Market mini/                # Proyek mini-app: Market
├── 📁 analisis data jasa/         # Repositori data analitik
├── 📁 e-kampus-mini-app/          # Proyek mini-app: Sistem Akademik
├── 📁 invoice scanner/            # Proyek mini-app: Pemindai Faktur
├── 📁 nanotabpfn-plus/            # Modul eksperimen Machine Learning
├── 📁 pos-kasir/                  # Proyek mini-app: Kasir
├── 📁 praktikum-rn-1/             # Modul Pertemuan 1
├── 📁 praktikum-p2/               # Modul Pertemuan 2
├── ... (praktikum berlanjut) ...
├── 📁 praktikum-p9/               # Modul Pertemuan 9
├── 📁 rust-waweb/                 # Backend Rust WhatsApp
├── 📄 .gitignore                  # Aturan pengecualian file sensitif
└── 📄 README.md                   # Dokumen komprehensif ini

---

💻 Panduan Menjalankan Proyek

Dikarenakan repositori ini dirancang sebagai Monorepo, setiap proyek berjalan secara terisolasi.

Persyaratan Sistem Awal:

• Instal Node.js (v18.x LTS+)
• Instal Expo CLI secara global: npm install -g expo-cli
• Siapkan aplikasi Expo Go di HP Anda.

Cara Memulai:

1. Clone Repositori:

   git clone https://github.com/anwarrohmadi2006/React-Native-Anwar.git
   cd React-Native-Anwar
   

2. Masuk ke Target Proyek (Misal: praktikum-p9):

   cd praktikum-p9
   

3. Konfigurasi Variabel Lingkungan (PENTING): Jika proyek membutuhkan API (seperti Supabase/Google), salin file .env.example ke .env dan masukkan API Key Anda.
4. Instalasi Paket Dependensi: Wajib dilakukan untuk mengunduh ulang folder node_modules.

   npm install
   

5. Jalankan Aplikasi:

   npx expo start
   

6. Testing: Scan QR Code di terminal menggunakan Expo Go, atau tekan tombol a untuk membuka di Emulator Android.

---

📸 Galeri & Cuplikan Layar (Screenshots)

📌 Sedang Dalam Pengerjaan: Bagian ini akan segera diperbarui dengan cuplikan gambar (GIF/Screenshot) antarmuka dari aplikasi e-kampus, pos-kasir, dan hasil akhir dari setiap praktikum mingguan.

---

🛠️ Pemecahan Masalah (Troubleshooting)

Kendala yang umum terjadi beserta solusinya:

---

🤝 Berkontribusi (Contributing)

Meski ini adalah repositori pembelajaran pribadi, saran dan perbaikan selalu diterima!

1. Lakukan Fork pada repositori ini.
2. Buat branch fitur Anda (git checkout -b fitur-keren-saya).
3. Lakukan Commit perubahan Anda (git commit -m 'Menambahkan fitur keren').
4. Lakukan Push ke branch tersebut (git push origin fitur-keren-saya).
5. Buka sebuah Pull Request baru.

---

👨‍💻 Profil Penulis & Kontak

Anwar Rohmadi
Data Science Student | Frontend & Mobile App Enthusiast

Terhubung bersama saya untuk kolaborasi atau diskusi seputar kode!

---