Git Product home page Git Product logo

defi-frontend's Introduction

DeFi Bank

Welcome to the DeFi Bank project! ๐Ÿš€ This decentralized application (DApp) leverages Ethereum's blockchain technology to offer various financial services. Built with React, it allows users to interact with Ethereum in several ways.

Features

  • Send ETH ๐Ÿ’ธ: Send Ethereum to any address securely.

  • Receive ETH ๐Ÿ“ฉ: Receive Ethereum using a QR code system.

  • Check Balance ๐Ÿ’ฐ: View the balance of your Ethereum account.

  • Mint NFTs ๐ŸŽจ: Create and mint NFTs on the blockchain.

  • View Transactions ๐Ÿงพ: Track and view your previous Ethereum transactions.

  • Buy NFTs from Marketplace ๐Ÿ›’: Explore and purchase NFTs from the open marketplace.

  • Loan Services ๐Ÿ’ต: Take and repay loans on the blockchain.

    Pages

๐Ÿ  Home Page

The Home page is the entry point of the application. It provides an overview of the DeFi Bank's features and facilitates navigation to other sections.

๐Ÿ’ธ Send ETH

On the Send ETH page, users can send Ethereum to any address. It features a secure form to input the recipient's address and amount. Transactions are processed and signed through MetaMask for enhanced security.

๐Ÿ“ฉ Receive ETH

The Receive ETH page allows users to generate a QR code for their Ethereum address, making it simple for others to send ETH directly to their account.

๐Ÿ’ฐ Check Balance

The Check Balance page displays the current Ethereum balance of the connected account. It fetches and shows the balance using MetaMask.

๐ŸŽจ Mint NFTs

The Mint NFTs page enables users to create and mint their own NFTs on the Ethereum blockchain. Users input details for their NFT, and the minting process is handled through a smart contract.

TestNet for Minting NFTs : Sepolia

Contract Address for Minting NFTs:
0xe47fc10cc5994b9794b5bd8bda1094e2ca9dff14

๐Ÿงพ View Transactions

The View Transactions page shows a history of all Ethereum transactions made by the user. It retrieves transaction data from the blockchain and presents it in a list format.

TestNet for Transactions : Sepolia

Contract Address for Viewing Transactions:
0x9ceed7b63162838afc2c5b7a4fe91352f840623f

๐Ÿ’ต Loan Services

The Loan Services page provides functionality for users to take out and repay loans. It interacts with the loan smart contract to manage loan requests and repayments.

TestNet for Loan Services : Sepolia

Contract Address for Loan Services:
0x44ceb3891b9c19c57f69ba9e7892ac1338db9da1

Project Structure

โ”œโ”€โ”€ public
โ”‚   โ”œโ”€โ”€ index.html
โ”‚   โ””โ”€โ”€ ...
โ”œโ”€โ”€ src
โ”‚   โ”œโ”€โ”€ components
โ”‚   โ”‚   โ”œโ”€โ”€ Header.js
โ”‚   โ”‚   โ””โ”€โ”€ Footer.js
โ”‚   โ”œโ”€โ”€ contracts
โ”‚   โ”‚   โ”œโ”€โ”€ Transactions.json
โ”‚   โ”‚   โ”œโ”€โ”€ MintNFT.json
โ”‚   โ”‚   โ””โ”€โ”€ LoanService.json
โ”‚   โ”œโ”€โ”€ pages
โ”‚   โ”‚   โ”œโ”€โ”€ Home.js
โ”‚   โ”‚   โ”œโ”€โ”€ SendEth.js
โ”‚   โ”‚   โ”œโ”€โ”€ ReceiveEth.js
โ”‚   โ”‚   โ”œโ”€โ”€ CheckBalance.js
โ”‚   โ”‚   โ”œโ”€โ”€ MintNFT.js
โ”‚   โ”‚   โ”œโ”€โ”€ Transactions.js
โ”‚   โ”‚   โ””โ”€โ”€ Services.js
โ”‚   โ”œโ”€โ”€ App.js
โ”‚   โ”œโ”€โ”€ index.js
โ”‚   โ””โ”€โ”€ ...
โ”œโ”€โ”€ .gitignore
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ README.md

Run Scripts

To get started with the project, follow these steps:

  1. Clone the Repository:
    git clone https://github.com/yourusername/defi-bank.git
    
  2. Run npm install in terminal:
    npm i
      
    
  3. Run the App :
    npm start
    

Thanks for Exploring my project and this repository .For Contributing clone the repository and start contributing.

defi-frontend's People

Contributors

m-ayank2005 avatar

Watchers

 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.