A
Anonymous

Money Transfer Agency - Copy this React, Tailwind Component to your project

Create an application to manage the records of manual money transfer agency. The application has two main users logging in to the application to carry out their activities in facilitating the transfer. These two users are; 'executive' as the user number one and the 'agent' as the user number two. The executive is supposed to login to the application and create an 'initiate transfer' request by entering details to the 'initiate transfer' request form. The 'initiate transfer' request form contains the following fields; Sender's Full Name, Sender's Phone Number, Sender's Residential Address, Sender's Country of Residence, Amount to be sent, Currency, Recipient's Full Name, Recipient's Phone Number, Recipient's Country. The 'initiate transfer' form has the submit button at the bottom of the form which when clicked will submit the form data to the database. The submitted 'initiate transfer' request is assigned a unique number as Unique Identifier. The submitted data from the 'initiate transfer' form is kept in the database and a notification is sent to 'agent' which is displayed on the top right of the screen by a notification bell icon. When the 'agent' opens the notifications, the 'executive' gets the notification that the 'initiate transfer' request has been opened. the 'agent' should receive an instant notification, allowing them to acknowledge the transaction. The status of the submitted 'initiate transaction' request will then change to 'In Progress'. The 'agent' can now login to the application and when the 'agent' clicks on the 'Process transactions' button, the 'disbursement form' pops up with the prefilled details pulled from the 'initiate transfer' and the additional field of 'transaction type' which has a 'radio button' for selecting the 'transaction type'. Once the agent processes the transaction, they can update the status to 'Completed' and input the corresponding mobile money transaction code or bank transaction code. use html bootstrap for the frontend, mariadb for the database and express js for the backend. Implement the best security measures and encryption methods. Create the project structure and the codebase. Include the step by step guide to setup and run the project on windows os environment.

Prompt
Component Preview

About

MoneyTransferAgency - Manage manual money transfers with user roles. Initiate, process transactions, and receive notifications. Built wi. Start coding now!

Share

Last updated 1 month ago