ethpay

A modern, professional full-featured BAT payment platform.

ethpay is a comprehensive payment solution designed for the Basic Attention Token (BAT) ecosystem, built primarily for the Brave Website-Building Challenge. It maximizes competition scoring through strategic feature implementation, exceptional design, and deep integration with Brave's native features.

Features

Core Integrations

• BAT Payment Link Generator: Create shareable payment links and QR codes for BAT transactions.
• Brave Wallet Integration: Seamless detection and connection to Brave Wallet for signing transactions.
• Brave Search API: Real-time crypto news feed powered by Brave Search.
• BAT Stats: Live token information (Price, Market Cap, Volume) via CoinGecko and Etherscan APIs.

Tools & Utilities

• Multi-Currency Converter: Real-time conversion between BAT, USD, EUR, ETH, and BTC.
• Payment Analytics: Visual dashboards to track payment history and trends.
• Batch Payments: Tools for sending BAT to multiple addresses (e.g., payroll, dividends).
• Receipt Generator: Generate verifiable payment receipts with QR codes.
• Embeddable Widgets: "Tip with BAT" buttons that can be embedded on any website.

Technology Stack

Designed for IPFS compatibility and performance:

• HTML5: Semantic structure.
• CSS3: Modern styling with Grid, Flexbox, and Glassmorphism aesthetics.
• Vanilla JavaScript: Core functionality without heavy frameworks.
• No Frameworks: Pure native code ensures lightweight and recognized submission.

Project Structure

ethpay/
├── index.html          # Main entry point
├── pages/              # Individual HTML pages (Home, Features, Demo, etc.)
├── styles/             # Modular CSS (Base, Components, Pages, Themes)
├── scripts/            # Modular JS (Core, Modules, Pages)
└── assets/             # Images, Videos, Fonts

Getting Started

Since this project uses vanilla web technologies, you can run it directly:

1. Clone the repository:

   git clone https://github.com/ravi-ivar-7/ethpay

2. Open locally: simply open index.html in your Brave browser.
3. Run with a local server (Recommended for API features):

   npx serve .