Bank App

Aplikasi Keuangan yang mencakup pemasukan, pengeluaran, transaksi.

Daftar Isi

• Project Setup
• Overview
  • Penjelasan Project
  • Screenshot
• Proses
  • Stack yang digunakan
  • Resources
• Author

Project Setup

npm install
npm install -g json-server

Run Backend with JSON Server

json-server --watch src/data/data.json --port 8000

Compile and Hot-Reload for Development

npm run dev

*Cek user username dan password di src/data/data.json atau http://localhost:8000/users setelah local backend server dijalankan

Overview

Penjelasan Project

Pada project ini saya membangun sebuah Aplikasi Keuangan yang mencakup pemasukan, pengeluaran, transaksi. Credit design by Matteo Della Chiesa.

Objektif pada project ini:

• Bersifat responsive
• Terdapat skenario gagal yang nantinya dapat memunculkan notif
• Terdapat grafik pemasukan & pengeluaran
• Terdapat mekanisme filter harian, bulanan hingga tahunan
• Terdapat mekanisme pin (saat melakukan transaksi)

Screenshot

Tampilan Desktop

Tampilan Mobile

Proses

Stack yang digunakan

• Vue
• Tailwind CSS
• Apexcharts
• VueUse
• FakerJs
• Mobile-first workflow

Author

• Twitter - @abimhrdnt
• Frontend Mentor - @abimh66
• Codewars - @abimh66