Donation Management SPA

Single page application based on Vue, to manage and monitor donation and spending

Build using:

• PHP / Laravel 7
• Sanctum
• Vue
• PostgreSQL
• AdminLTE Template

Features:

• Monitoring Dashboard with Today Donation & Spending Report
• Donation & Spending Management
• Print Donation Receipt
• Daily, Monthly and Annual Report in PDF file format
• User Account Management and Restriction (block & unblock account)

Screenshots

Requirements

1. PHP 7.4
2. Node JS 12.x
3. NPM 6.x
4. PostgreSQL 12

Getting Started

• Download or clone repository git clone https://github.com/imamst/donation-management-spa.git
• Create PostgreSQL database donation-management
• Copy .env.example file to .env, adjust to your env config:
  • APP_URL
  • SANCTUM_STATEFUL_DOMAINS => fill in same as APP_URL
  • MIX_APP_URL => fill in same as APP_URL
  • DB_DATABASE=donation-management
  • DB_USERNAME={YOUR DB USERNAME}
  • DB_PASSWORD={YOUR DB PASSWORD}
• Open terminal inside project root
• Run command composer install
• Run command npm install
• Run command php artisan key:generate
• Run command php artisan storage:link
• Run command php artisan migrate:refresh (without demo data)
  • or php artisan migrate:refresh --seed (with demo data)
• Run command npm run watch (for development)
  • or npm run prod (to publish in production)
• Open new terminal and run command php artisan serve then access http://localhost:8000 in your browser
• Credential detail for login available at database/seeders/AmilSeeder

Author Contact

• Email - imamset.business@gmail.com