Wallet Management System

Welcome to the Wallet Management System! This project is a comprehensive web application designed to manage user wallets, perform transactions, and handle various financial operations seamlessly.

Table of Contents

• Features
• Tech Stack
• Installation
• Usage
• Contributing
• License
• Contact

Features

Frontend Features

1. User Authentication:

   • #: Create a new account.
   • #: Log into an existing account.
   • Sign Out: Log out from the account.
   • Forgot Password: Reset the password via email.
   • Email Verification: Verify user email addresses with OTP.

2. Dashboard:

   • Overview of account balance and recent transactions.
   • Graphical representation of income and expenses.
   • Notifications and messages display.

3. Wallet Management:

   • View total balance, mortgage, and expected amounts.
   • Transfer money to other users.
   • Request money from other users.
   • Currency conversion support.

4. Card Management:

   • Apply for credit cards.
   • Add and manage debit cards.
   • View card details and transaction history.
   • Toggle visibility of sensitive card information.

5. Profile Management:

   • View and update personal information.
   • Change password.
   • Update address.
   • Upload and change profile pictures.
   • Two-factor authentication via email and phone.

6. Transaction Management:

   • View detailed transaction history.
   • Filter transactions by date and type.
   • Export transaction history.

7. Notifications:

   • Real-time toast notifications for various events (e.g., successful login, transaction alerts).

8. Responsive Design:

   • Fully responsive layout compatible with desktop, tablet, and mobile devices.

Tech Stack

Frontend

• React: JavaScript library for building user interfaces.
• React Router: Declarative routing for React applications.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Axios: Promise-based HTTP client for the browser and Node.js.
• React Toastify: Library for toast notifications.
• React Icons: Comprehensive set of icons for React.

Backend (Once Connected)

• Node.js: JavaScript runtime built on Chrome's V8 JavaScript engine.
• Express: Fast, unopinionated, minimalist web framework for Node.js.
• MongoDB: NoSQL database for storing user and transaction data.
• Mongoose: Elegant MongoDB object modeling for Node.js.
• JWT (JSON Web Tokens): For secure authentication.
• Nodemailer: Module for Node.js applications to send emails.
• Stripe API: For handling payment processing.

Installation

Prerequisites

• Node.js and npm installed on your local machine.

Steps

1. Clone the repository:

   git clone https://github.com/kamrancodex/wallet-frontend.git
   cd wallet-management-system

   Install dependencies:

Copy code

npm install

2. Create a .env file in the root directory and add the necessary environment variables: env Copy code

REACT_APP_API_URL=http://localhost:8000/api/v1

3. Start the development server: bash Copy code

npm run dev

Usage

Usage #: Create a new account by providing your email, password, and other required details. #: Log into your account using your email and password. Dashboard: View your account balance, recent transactions, and notifications. Manage Wallet: Transfer and request money, view balance charts. Manage Cards: Apply for new credit cards, add debit cards, and view card details. Profile Management: Update your personal information, change your password, and upload a profile picture.

Future Features

• Cryptocurrency Integration
  • Pay with Crypto
    • Users can pay using cryptocurrencies.
    • Crypto will be swapped first and then the payment will be processed.
  • Crypto Buying
    • Users can buy cryptocurrencies within the wallet.
  • Crypto Swaps
    • Swap one cryptocurrency for another seamlessly.
  • Crypto Payments to Wallets and Banks
    • Pay directly to any wallet or bank using cryptocurrencies.
  • Real-time Exchange Rates
    • Display real-time crypto exchange rates for accurate transactions.

Tech Stack

• Frontend

  • React.js
  • Tailwind CSS
  • Axios for API calls
  • React Router for navigation
  • React Toastify for notifications
  • JWT for authentication

• Backend

  • Node.js
  • Express.js
  • MongoDB with Mongoose
  • JWT for authentication
  • Nodemailer for sending emails
  • Axios for external API calls (e.g., exchange rates)

Contributing We welcome

contributions to the Wallet Management System. Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Make your changes and commit them. Push your changes to your fork. Open a pull request to the main repository. 4.License This project is licensed under the MIT License. See the LICENSE file for more details. Contact If you have any questions or suggestions, feel free to reach out: Email: najarkamran212@gmail.com

i will be adding more features to this project i have many ideas like somehow incorporating crypto and pay with crypto feature

Backend Github repo

https://github.com/Kamrancodex/backend-wallet