NabungAsik adalah sebuah platform web yang dirancang untuk mendorong kebiasaan menabung pada siswa melalui sistem poin reward. Aplikasi ini memungkinkan siswa untuk menyimpan uang secara digital, melacak saldo tabungan, dan menukarkan poin yang mereka kumpulkan dengan berbagai hadiah menarik di koperasi sekolah.
- Sistem Tabungan Digital: Mencatat transaksi tabungan dan penarikan secara digital.
- Manajemen Poin Reward: Menerapkan sistem poin yang terakumulasi berdasarkan aktivitas menabung siswa.
- Katalog Hadiah Koperasi: Menampilkan daftar hadiah yang dapat ditukarkan oleh siswa
- Dashboard Pengguna: Menyajikan informasi saldo, riwayat transaksi, dan poin yang dimiliki.
- Admin Panel: Untuk mengelola data siswa, mencatat transaksi, dan memperbarui daftar hadiah.
- Front-End:
React.js - Back-End:
Node.js(Express.js) - Database:
MongoDB
Ikuti langkah-langkah di bawah ini untuk menjalankan proyek secara lokal.
Persyaratan:
Node.js(Versi 14 atau lebih baru)MongoDB(Pastikan layanan berjalan)Git
Langkah-langkah:
-
Clone Repositori Buka Terminal atau Command Prompt, lalu jalankan perintah berikut:
git clone [https://github.com/hyupra/NabungAsik.git](https://github.com/hyupra/NabungAsik.git) cd NabungAsik -
Pengaturan Back-End Navigasi ke folder
backend, instal dependensi, dan jalankan server:cd backend npm installBuat file
.envdi dalam folderbackenddan tambahkan variabel lingkungan berikut:MONGO_URI=mongodb://localhost:27017/nabungasik_db PORT=5000Setelah itu, jalankan server:
npm start
Server akan berjalan di
http://localhost:5000. -
Pengaturan Front-End Buka Terminal atau Command Prompt baru, navigasi kembali ke folder utama, lalu masuk ke folder
frontend, instal dependensi, dan jalankan aplikasi:cd ../frontend npm install npm startAplikasi akan terbuka di
http://localhost:3000.
- Wahyu Prayoga - GitHub