47 lines
1.4 KiB
Markdown
47 lines
1.4 KiB
Markdown
|
# 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
|
||
|
|
4. **Header** - Komponen title
|
||
|
|
5. **BalanceCard** - Tampilan saldo
|
||
|
|
6. **TransactionForm** - Form input transaksi
|
||
|
|
7. **TransactionList** - List riwayat
|
||
|
|
|
||
|
|
### Fase 3: State Management
|
||
|
|
8. **useTransactions Hook** - Load data
|
||
|
|
9. **addTransaction** - Tambah transaksi
|
||
|
|
10. **deleteTransaction** - Hapus transaksi
|
||
|
|
|
||
|
|
### Fase 4: Screen Integration
|
||
|
|
11. **HomeScreen** - Gabung komponen
|
||
|
|
12. **App Index** - Entry point
|
||
|
|
13. **Tab Navigation** - Tab navigation
|
||
|
|
14. **Explore/Stats** - Halaman statistik
|
||
|
|
15. **Root Layout** - Layout utama
|
||
|
|
|
||
|
|
## Cara Menggunakan
|
||
|
|
|
||
|
|
1. Clone repository
|
||
|
|
2. Ikuti commit satu per satu:
|
||
|
|
```bash
|
||
|
|
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
|