Skip to content

A mini fintech application that uses Firebase for user authentication and database management, and integrates with Paystack for payment processing. Features include user sign-up, login, adding money, sending money, and viewing transaction history. Built with React.js.

Notifications You must be signed in to change notification settings

ressuman/Mini-Fintech-App-Project

Repository files navigation

Mini Fintech App

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.

Features

  • 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.

Technologies Used

  • Frontend: React.js (or any other frontend framework/library)
  • Backend: Firebase Authentication and Firestore
  • Payment Gateway: Paystack

Getting Started

  1. Clone the repository:
git clone https://github.com/yourusername/mini-fintech-app.git
cd mini-fintech-app
  1. Install dependencies:
npm install
  1. Run the application:
npm start

Usage

  1. Sign Up:

    • Navigate to the Sign Up page.
    • Enter your full name, email, and password.
    • Click the Sign Up button to create an account.
  2. Log In:

    • Navigate to the Log In page.
    • Enter your email and password.
    • Click the Log In button to access your dashboard.
  3. Dashboard:

    • View your user details and transaction history.
  4. 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.
  5. 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.
  6. Log Out:

    • Click the Log Out button to sign out of your account.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Gif

Here is an expected gif of the preview of the App(Mini Fintech Bank App)

Mini Fintech Bank App gif


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.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

About

A mini fintech application that uses Firebase for user authentication and database management, and integrates with Paystack for payment processing. Features include user sign-up, login, adding money, sending money, and viewing transaction history. Built with React.js.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages