A Mobile Financial Service System
-
Have A Local Version: Clone or download the latest commited version of this frontend for your local machine
-
Initiate Projects: use "npm install" to install all the necessary dependencies
-
Set Up The Environment Variables: Don't forget to set up the environment variables with your own credentials needed to run this projects. Most variable are defined in index.js file.
-
Find The Backend: Clone or download the backend from here: https://github.com/snokeOver/i-tx-backend
Cick here to go to the live website: https://i-tx-mfs.web.app
-
User Role: Users can create account as a user or as an Agent to get the service from this platform.
-
User Purpose: Users can Cash in and Cash out from their choosen Agent and have the full control to create request from their account. Also they can send money to other users from this application.
-
Agent Purpose: Agent can have the authority to accept or reject the pending cash in and cash out from this application without any risk and error.
-
User-Agent Security: Users need to create cash-in or cash-out request and agent just accept/reject with reason. So, there is no possiblity to make errors for agent to make mistake to transaction
-
Early Validation: Each form including transactions are build with early validation which provides better user experience and security for all types of users.
-
Theme Mood: Implemented Dark and Light mood for better user experience.
- React-Router, React-Router-Dom: To handle all routing of this SPA.
- Tanstack query: To handle all API requests with cashing, refetching.
- React-Helmet-Async: To show the page title dynamically on the browser tab.
- React-Toastify: Used for making visually pleasing toast on user actions.
- Sweetalert2: Used to make professional alert system for potential operation
- Recharts: Used to create visually appealing charts