Dita Aji Pratama
0e0750f50b
- List all commits for learning path - Explain how to use for teaching - Document app features
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 |