Giter VIP home page Giter VIP logo

blockchain-banking-app's Introduction

blockchain-banking-app

This blockchain banking app allows users to manage their Metamask accounts, send transactions to the Ethereum network to update the state for example sent Ethereum to another user, and invest in Ethereum for their children and themselves. The system has an admin who can just read all transactions accepted, and see all users registered including children. Admin also can display logs about transaction details. Finally, we created an ERC-20 token named Inheritium to reward the users after the user sent a transaction, the user can mint the token named Inheritium if transaction is sent

This is the landing page of the app. User can get information about the system and learn how the system works and other things.

If a user who did not register before connects the Metamask account to the website, we navigate the user to the register page, and the user will register with the name that it wants. After that user will be directed to the dashboard. If a connected user with Metamask registered before, it will be directed to the dashboard without the register page.

This is the dashboard page. Each user has their own dashboard information and data comes from the smart contract we have. At the top left of the page, a user registered will view its ethereum and Inheritium Token balance. At the top middle, the user will display the Ethereum balance distribution between it and its children. At the top of the right, the user will view currency rates that are up to date.

In the other section, the user will view transaction history as outgoing and incoming at the bottom left. Then, the user will view its children or inheritors that are added by themselves. Also, if the user will click over the inheritor it will view inheritor information and it can change Inheritor's inheritance. Lastly, the user will view market values belonging to cryptocurrencies at the bottom right.

Here, the parent of the child is changing the ethereum balance of the child. So we allow parents to change the ethereum balance of their children. So the parents can invest their own ethereum values between their children.

This page is the transaction page. This page is a detailed version of the transaction history in the dashboard. The user will view each detail belonging to the transaction. For example, receiver or sender addresses and how much ETH is sent, and the date transaction are accepted.

As I mention, we created A token named Inheritium to airdrop users who sent transactions over our system. When each transaction is sent by the user, the user will earn an Inheritium Token. As result, the system allows users to mint Inheritium Token after transaction operation.

This is the log page. This page is just viewed by the admin. Admin can view all transactions that are sent by users. It also can filter logs by address.

This is the admin page. At the top of the page, the admin can view distribution of the users depending on certain matters. At the bottom middle, the admin can view users (normal accounts) and their children(linked account, inheritor). The children's accounts are displayed under the user who parents of the children.

This is the inheritor page. When the linked (child) account connects Metamask wallet to the website it will be automatically directed to the inheritor page. On this page, at the top middle, the child can view how much time remains to have a normal account. At the bottom left, the child can view their own ethereum balance. Lastly, the user can view the parents too who the child is linked.

To see how the system work you can watch the video here

blockchain-banking-app's People

Contributors

akusgulu avatar ardasonmezler avatar kivanc10 avatar mussa93 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.