Web-App ini diimplementasi tanpa menggunakan JS Framework(VanillaJS) yang terdiri dari HTML, CSS dan JavaScript
- index.html: main html file, JS File diletakkan dipaling bawah & CSS paling atas di dalam tag
<head>
. Pisahkan component dengan comment sebagai contoh
<!-- Content Progress Income -->
<div> ....implementasi component... </div>
- CSS: semua CSS dari library dimasukan kedalam sini. File
custom.css
digunakan untuk mengimplementasi custom css - images: semua images masukan kedalam sini
- JS: JavaScript File masukan kedalam sini.
config.js
tempat static variable sebagai contoh API_URL, API_TOKEN, dll - vendor: file library
- SB-Admin 2 : basic layout / theme munggunakan Bootstrap admin theme SB-Admin 2
- JavaScript ES6
: banyak browser sudah support JS ES6 sehingga memungkinkan menulis JavaScript dengan style yang berbeda contohnya menggunakan Class. Ketika ingin memasukan JS dengan ES6 harus memasukan attribute type="module" pada tag script. contoh
<script src="js/app.js" type="module"></script>
- jQuery : JS Library ini digunakan untuk Document Object Model (DOM)
- Countup : animasi untuk perubahan angka
- Axios : API Client
- CanvasJS : menampilkan chart & graph
- Menampilkan presentasi pemasukan beserta totalnya
- Chart pemasukan & pengeluaran
- Donate Paypal
- Websocket client dengan sockjs & stomp