A single page application made in Laravel and Vue.js

This project has been developed by Anukriti Gupta and Pawan Kumar.

The project has the following modules:

• Dashboard - where user can see available balance, gift cards, pending requests, latest transactions, etc.
• Add Money to Wallet - user can directly add money or can use gift cards if available
• Send Money to other users
• My All Transactions - using Footable
• Generate Voucher - this feature is available for admin, it generates vouchers with unique keys
• Redeem Voucher - user can redeem vouchers and add money by entering key
• Gift Cards - users can send gift cards of some value to other user
• Redeem Gift Cards - all available gift cards are shown in Add Money Navigation
• Schedule Payment - users can schedule payment and it will be automatically executed on the next day
• Scheduled Transaction List - users can see list of scheduled payments
• Request Loan - users can request money loan from admin
• Pending Requests - users can see the loan requests status in the table
• Approve Loan - this feature is available for admin, admin can approve or deny loan requests by users
• Profile Settings - users can change their name, email or profile picture
• Login
• Registration

The project has following features:

• MVC Framework
• Vue.js for front-end
• Single Page Application (the page doesn't load when navigating between navigation links)
• User Levels (separate modules for admin and users)
• Vue Components
• Laravel Authentication
• AJAX Requests
• Custom APIs used for the communication between Vue Components and Laravel Controllers
• Sweet Alerts used on success or fail of api requests

JS Routes (app.js)

APIs used (api.php)

Vue Components

Guidelines for using the project

• All the logics have been defined based on the assumption that there is one admin present. So after migrating tables, assign any user as admin by changing the value of isAdmin column as 1.
• Install Vue
• Install VueRouter
• Install sweetalert2
• Install Image Intervention Package
• To test Schedule Payment module, run "php artisan schedule:run"

Landing Page

Login with validation

Registration with validation

Dashboard

Add money (directly or if gift cards available)

Validation in add money

Succes sweet alert 2 on adding money

Added money using gift cards

My Transactions

Send Money

Generate Voucher (admin)

Redeem Voucher

Success Redeem

Send Gift Card (Sent to Pawan Kumar user)

Gift Card Received by Pawan Kumar User

Schedule Payment

Run schedule

Schedule transaction has been processed and removed (March 29, 2020 has been removed)

Loan Request

Approve Request (loan request received by admin)

Loan Request Approved

Change profile settings

Changed Picture