Skip to content

Aplikasi pendataan uang kas dibuat dengan Framework Laravel 11 dengan bantuan Fullstack Framework Livewire 3

License

Notifications You must be signed in to change notification settings

mrizkimaulidan/wangkas

Repository files navigation

Wangkas

Wangkas adalah aplikasi pendataan uang kas yang dibuat menggunakan Framework Laravel 11 dan Fullstack Framework Livewire 3. Aplikasi ini dirancang untuk sistem pembayaran kas yang dilakukan satu kali setiap minggu, dan sangat cocok digunakan di lingkungan sekolah atau untuk masing-masing kelas.

Demo

Prasyarat

Berikut beberapa hal yang perlu diinstal terlebih dahulu:

Jika Anda menggunakan XAMPP, PHP, dan MySQL sudah menjadi satu paket di dalam aplikasi XAMPP.

Fitur

  • CRUD Pelajar
  • CRUD Kelas
  • CRUD Jurusan
  • Transaksi kas
  • Filter transaksi kas
  • CRUD Administrator
  • Pengaturan Profil

Preview Gambar

Tampilan Login Image 1

Tampilan Dashboard Image 2

Tampilan Pelajar Image 3

Tampilan Kelas Image 4

Tampilan Jurusan Image 5

Tampilan Transaksi Kas Minggu Ini Image 6

Tampilan Filter Transaksi Kas Image 7

Tampilan Administrator Image 8

Tampilan Pengaturan Profil Image 9

Langkah-langkah Instalasi

  1. Clone repository ini dengan memilih tipe protokol HTTPS atau SSH. Jika belum memiliki setup SSH, bisa menggunakan HTTPS.

HTTPS:

$ git clone https://github.com/mrizkimaulidan/wangkas.git

SSH:

$ git clone [email protected]:mrizkimaulidan/wangkas.git
  1. Instal seluruh packages yang dibutuhkan.
$ npm install
$ composer install
  1. Siapkan database dan atur value pada file .env sesuai dengan konfigurasi Anda.
DB_DATABASE=
DB_USERNAME=
DB_PASSWORD=
  1. Ubah value APP_NAME= pada file .env menjadi nama aplikasi yang Anda inginkan.
APP_NAME=
  1. Ubah value APP_TIMEZONE= pada file .env menjadi lokasi Timezone Anda.
APP_TIMEZONE=
  1. Migrate seluruh migrasi dan seeding data palsu.
$ php artisan migrate:fresh --seed
  1. Jalankan local server Laravel.
$ php artisan serve
INFO  Server running on [http://127.0.0.1:8000].

Press Ctrl+C to stop the server
  1. Jalankan juga development server untuk NPM.
$ npm run dev
> dev
> vite


  VITE v5.4.9  ready in 341 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

  LARAVEL v11.28.1  plugin v1.0.5

  ➜  APP_URL: http://localhost

User default aplikasi untuk login

Email   : [email protected]
Pass    : secret

Dibuat dengan

Kontribusi

Silakan request melalui kolom Pull Requests jika ingin melakukan kontribusi.

Lisensi

Aplikasi ini boleh untuk dibagi dan diubah. Mohon tidak untuk diperjualbelikan!

Muhammad Rizki Maulidan - @mrizkimaulidan