Skip to content

Latest commit

 

History

History
160 lines (107 loc) · 8.04 KB

DOC.md

File metadata and controls

160 lines (107 loc) · 8.04 KB

Detailed Documentation: BasePay

Coinbase Badge Ethereum Badge Solidity Badge Next JS Badge Express.js Badge

Table of Contents

  1. Introduction

    • 1.1 About Base
    • 1.2 Challenge Description

  2. Project Overview

    • 2.1 Problem Statement
    • 2.2 Solution
    • 2.3 Key Features

  3. Technical Details

    • 3.1 Architecture
    • 3.2 Technologies Used
    • 3.3 Integration with Base

  4. User Guide

    • 4.1 Connecting Your Crypto Wallet
    • 4.2 Making Direct Ether Transfers
    • 4.3 Initiating Payment Requests
    • 4.4 Instant Chat Messaging
    • 4.5 Payment Requests in Chat
    • 4.6 Direct Transfers in Chat
    • 4.7 Transaction History

  5. Other Materials

Introduction

1.1 About Base

Base is an Ethereum-equivalent Layer 2 (L2) blockchain built on OP Stack by Coinbase. Its mission is to bring the next billion users to the blockchain. Base is a foundational participant in the Superchain, powered by Optimism.

1.2 Challenge Description

Our project, BasePay, was developed as part of the ETHToronto Hackathon with a focus on two core themes:

  1. Create Smooth Payment UX:

Leveraging Base, we have developed a user-friendly consumer product, BasePay, that streamlines payments in various social situations. BasePay offers an intuitive and frictionless payment experience, making it effortless for users to manage transactions. Our platform ensures cost-effective and transparent payments, eliminating the complexities of traditional payment methods. Users can initiate transactions, split bills, and engage in instant chat conversations within the app, all without worrying about high gas fees.

  1. Bring More Users to BASE:

BasePay is designed to be a gateway for new users to enter the world of Base and blockchain technology. We aim to increase the adoption of Base by providing a user-friendly onboarding process that doesn't require in-depth blockchain knowledge. By enhancing the accessibility and social aspects of blockchain through visualizing on-chain data, we encourage more users to join the Base community. BasePay aligns with Base's mission of bringing the next billion users onto the blockchain, creating a more inclusive and user-friendly ecosystem.

2. Project Overview

2.1 Problem Statement

Traditional payment methods can be cumbersome and expensive, especially in social situations like splitting a lunch bill or vacation expenses. High gas fees on Ethereum often deter users from initiating blockchain transactions. Additionally, maintaining transparency and trust in financial transactions can be challenging.

2.2 Solution

BasePay is a decentralized payment platform that addresses these issues. It is designed to simplify payments in various social scenarios, making it easy, cost-effective, and transparent. Users can effortlessly split bills, request payments, and engage in instant chats, all within the app.

2.3 Key Features

BasePay offers the following essential features:

  1. Connecting User's Crypto Wallet: Users can connect their crypto wallets, including Coinbase Wallet and Metamask.

  2. Direct Ether Transfer: The platform supports direct Ether transfers, allowing users to send cryptocurrency easily.

  3. Initiate Payment Requests: Users can initiate payment requests without worrying about gas fees

  4. Instant Chat Messaging: Stay connected with other users through an instant chat messaging system.

  5. Initiate Payment Requests in Chat: Users can seamlessly initiate payment requests during chat conversations.

  6. Direct Transfer in Chat: Conduct direct transfers within chat conversations for ultimate convenience.

  7. Review Transaction History: View all transaction history within the app, including payments sent, received, requests sent, and requests received.

3. Technical Details

3.1 Architecture

BasePay is built on Base, utilizing the capabilities of this Ethereum-equivalent Layer 2 blockchain. Our architecture ensures scalability, low transaction costs, and fast transaction processing.

3.2 Technologies Used

  • Base (Layer 2 by Coinbase): The foundation of our platform.
  • Ethereum Smart Contracts: For managing transactions.
  • Hardhat: For deploying and testing smart contracts.
  • Next: For building a cross-platform mobile application.
  • Ether.js: For interacting with the Ethereum blockchain.
  • Account Abstraction: To provide a user-friendly onboarding and transaction experience.
  • Firebase: To power our instant messaging and Gasless Payment Request Features

3.3 Integration with Base

BasePay is deeply integrated with Base, leveraging its infrastructure to provide a seamless and cost-effective payment experience for users.

4. User Guide

4.1 Connecting Your Crypto Wallet

  1. Visit (https://www.basepay.app/).
  2. Connect your preferred crypto wallet (Coinbase Wallet, Metamask).
    Landing Page Landing Page Landing Page

4.2 Making Direct Ether Transfers

  1. Navigate to the "Transaction" section.
  2. Enter the amount and the recipient's address
  3. Click Send
  4. Confirm the transaction.
    Landing Page Landing Page Landing Page Landing Page Receipt

4.3 Initiating Payment Requests

  1. Navigate to the "Transaction" section.
  2. Enter the amount and the recipient's address
  3. Click Request
  4. Confirm the transaction.

Request

4.4 Instant Chat Messaging

  1. Access the chat feature.
  2. Start a conversation with your contact.
  3. Send and receive messages in real-time.

4.5 Transaction History

  1. Visit the "Transaction History" section.
  2. Review all past transactions, including payments sent, received, requests sent, and requests received.

Request

5. Other Materials

GitHub Repository
Video Presentation