This is a mini fintech application that allows users to sign up, log in, add money, and send money using Paystack. The app also features a dashboard where users can view their transaction history. Firebase is used as the backend for authentication and database management.
- User Authentication: Sign up, log in, and log out functionality using Firebase Authentication.
- Dashboard: View user details and transaction history.
- Add Money: Integrate Paystack to add money to the user's account.
- Send Money: Transfer money to other users via Paystack.
- Transaction History: Maintain a record of all transactions (amount and history) in Firebase Firestore.
- Frontend: React.js (or any other frontend framework/library)
- Backend: Firebase Authentication and Firestore
- Payment Gateway: Paystack
- Clone the repository:
git clone https://github.com/yourusername/mini-fintech-app.git
cd mini-fintech-app- Install dependencies:
npm install- Run the application:
npm start-
Sign Up:
- Navigate to the Sign Up page.
- Enter your full name, email, and password.
- Click the Sign Up button to create an account.
-
Log In:
- Navigate to the Log In page.
- Enter your email and password.
- Click the Log In button to access your dashboard.
-
Dashboard:
- View your user details and transaction history.
-
Add Money:
- Navigate to the Add Money page.
- Enter the amount you wish to add.
- Click the Add Money button to initiate the Paystack transaction.
-
Send Money:
- Navigate to the Send Money page.
- Enter the recipient's email and the amount to send.
- Click the Send Money button to initiate the Paystack transfer.
-
Log Out:
- Click the Log Out button to sign out of your account.
This project is licensed under the MIT License. See the LICENSE file for details.
Here is an expected gif of the preview of the App(Mini Fintech Bank App)
Note: Ensure you replace placeholders like YOUR_API_KEY, YOUR_PAYSTACK_PUBLIC_KEY, and YOUR_PAYSTACK_SECRET_KEY with your actual keys from Firebase and Paystack.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
