Aplikasi Keuangan

Aplikasi keuangan adalah aplikasi yang saya buat untuk mencatat transaksi dan mengatur keuangan. Sebenarnya banyak aplikasi keuangan yang sudah ada, namun, ada beberapa fitur yang tidak ada sehingga saya ingin membuat sendiri. Aplikasi ini lebih saya pakai untuk visualisasi data saja, karena saya biasa mencatat transaksi menggunakan aplikasi Monefy di android, lalu datanya saya export ke aplikasi saya.

Tech Stack

Aplikasi ini dibuat menggunakan framework Laravel 8 dengan front end VueJS.

Laravel

Laravel 8 dipilih karena saya sudah terbiasa menggunakan framework PHP ini dan cukup baik untuk dijadikan API Service.

Mysql

Database yang digunakan adalah Mysql.

VueJS

Front-end aplikasi web menggunakan framework javascript VueJS. Alasan saya menggunakan VueJS untuk memudahkan pembuatan setiap component web. Kita dapat menggabungkan Laravel dengan front-end VueJS dalam satu project.

Bootstrap

Untuk memudahkan styling saya menggunakan framework CSS Bootstrap

Fitur

Aplikasi keuangan memiliki fitur utama seperti pada aplikasi keuangan pada umumnya, yaitu pencatatan, CRUD (create, read, update, delete) dan visualisasi data. Namun, aplikasi ini sudah dilengkapi sesuai dengan kebutuhan saya.

Mobile First

Sejak awal dibuat, aplikasi keuangan saya atur supaya mudah dilihat pada device mobile (Mobile First), karena saya akan sering membukanya di perangkat mobile.

View Transaksi

Ada 3 mode view transaksi

• Mode harian: mengelompokkan transaksi pada tanggal yang sama
• Mode kategori: mengelompokkan transaksi pada kategori yang sama
• Mode tabel: tampilan seperti mutasi rekening

Budgeting

Saya juga menambahkan mode Budgeting dimana saya bisa mencatat berapa batas yang boleh saya habiskan pada suatu bulan. Fitur ini berguna supaya saya bisa melihat sisa uang yang bisa saya pakai pada suatu kategori dengan anggaran yang sudah saya buat diawal.

Light Mode

Saya juga mengimplementasikan fitur dark mode. Diawal, saya membuat aplikasi dengan tema putih. Setelah saya buatkan fitur dark mode, ternyata lebih enak buat saya di tampilan dark mode. Jika dark mode dimatikan, seperti ini warna aplikasi.

Fitur Lain

Fitur-fitur lain terbilang basic namun bermanfaat.

Login user

User dapat login untuk menggunakan aplikasi.

CRUD Dompet

Dompet merupakan istilah untuk mengelompokkan transaksi. Contohnya Kas, Bank, Investasi dan lain sebagainya. User dapat mengelola data dompet disini.

CRUD Kategori

Kategori digunakan untuk mengelompokkan transaksi sesuai jenisnya. Contohnya Makanan, Transport, Pulsa dan lainnya yang dapat diatur sendiri oleh user.

Sinkronisasi Data

Pencatatan data transaksi melalui aplikasi disimpan pada local storage browser user. Supaya data yang user catat dapat disimpan di server, user harus melakukan sinkronisasi. Saya membuat penyimpanan di local storage supaya aplikasi dapat digunakan secara offline (namun untuk saat ini belum saya implementasikan PWA).

Terima kasih

Buat saya, selain bermanfaat untuk mencatat keuangan, mengerjakan Aplikasi Keuangan ini bermanfaat untuk mengasah skill web programming saya :D