duit/LEARNING_MATERIALS.md
Dita Aji Pratama 0e0750f50b docs: add learning materials documentation
- List all commits for learning path
- Explain how to use for teaching
- Document app features
2026-04-18 12:23:30 +07:00

1.4 KiB

Finance Tracker - Materi Pembelajaran React Native

Project ini adalah aplikasi penghitung income dan expense keuangan untuk pembelajaran React Native. Setiap commit merepresentasikan satu tahap pembelajaran yang dapat diikuti oleh murid dan pengajar.

Daftar Commit Pembelajaran

Fase 1: Project Setup

  1. Setup Project - Install dependencies, types
  2. Theme Constants - COLORS, FONTS
  3. Helper Functions - formatRupiah, calculateBalance

Fase 2: Components

  1. Header - Komponen title
  2. BalanceCard - Tampilan saldo
  3. TransactionForm - Form input transaksi
  4. TransactionList - List riwayat

Fase 3: State Management

  1. useTransactions Hook - Load data
  2. addTransaction - Tambah transaksi
  3. deleteTransaction - Hapus transaksi

Fase 4: Screen Integration

  1. HomeScreen - Gabung komponen
  2. App Index - Entry point
  3. Tab Navigation - Tab navigation
  4. Explore/Stats - Halaman statistik
  5. Root Layout - Layout utama

Cara Menggunakan

  1. Clone repository
  2. Ikuti commit satu per satu:
    git log --oneline           # Lihat semua commits
    git checkout <commit-hash> # Pindah ke commit tertentu
    
  3. Run npm install dan npx expo start

Fitur Aplikasi

  • Tambah income/pengeluaran
  • Lihat saldo total
  • Riwayat transaksi
  • Hapus transaksi
  • Simpan data lokal
  • Statistik bulanan
  • Kategori pengeluaran