CryptoPay is a web-based payment solution designed to facilitate seamless cryptocurrency transactions. It offers a simple, secure, and user-friendly interface for making and receiving payments using major cryptocurrencies.
β οΈ Note: This project is for educational and prototyping purposes only. Please exercise caution if handling real cryptocurrencies.
- About
- Features
- Demo
- Screenshots
- Tech Stack
- Getting Started
- Usage
- Folder Structure
- Contributing
- License
- Contact
CryptoPay is a modern payment platform that leverages blockchain technology to process payments in cryptocurrencies. Built primarily with HTML, SCSS, CSS, and JavaScript, this project provides a lightweight yet robust interface for users to send and receive crypto payments without needing a complex backend.
- β Multi-Cryptocurrency Support: Send and receive payments with Bitcoin, Ethereum, and more.
- π± Responsive Design: Works smoothly on both desktop and mobile devices.
- π¨ Modern UI: Built with HTML and SCSS for a clean and modern look.
- π Instant Payment Links: Generate links for fast transactions.
- π Transaction History: View past payments with detailed info.
- π· QR Code Integration: Scan to pay functionality.
- π Security Focused: No sensitive data stored; secure front-end processing.
π Live Demo (Add your deployed link here)
Add screenshots inside the
assets/images/folder and update the paths below.
| Language | Usage |
|---|---|
| HTML | Page structure, templates |
| SCSS | Stylesheets, modular CSS |
| CSS | Additional styling |
| JavaScript | UI interactions, logic |
Libraries/Frameworks:
- Bootstrap (optional β for layout/styling)
- QRCode.js (for generating QR codes)
- Node.js and npm (if using build tools for SCSS)
- Modern web browser
Clone the repository:
git clone https://github.com/SatyamPote/CryptoPay.git
cd CryptoPayInstall dependencies (if SCSS is used):
npm installCompile SCSS to CSS:
npm run build:scss- Option 1: Open
index.htmldirectly in your browser - Option 2: Use a local server (e.g., VS Code Live Server) for dynamic features
- View dashboard and recent transactions
- Enter recipient wallet, amount
- Choose crypto
- Click Send
- Click Receive
- Generate a QR code or payment link
- Share with sender
- View all sent/received payment logs
To enable real crypto functionality, consider integrating with a wallet provider or testnet.
CryptoPay/
βββ assets/
β βββ css/ # Compiled CSS
β βββ scss/ # SCSS source
β βββ js/ # JavaScript files
β βββ images/ # Icons, logos, screenshots
βββ index.html # Main entry point
βββ README.md
βββ package.json # If using npm
βββ ...We welcome contributions from the community! π
- Fork the repo
- Create a branch:
git checkout -b feature/YourFeature - Commit your changes:
git commit -m 'Add feature' - Push to your branch:
git push origin feature/YourFeature - Open a Pull Request
Please open an issue first for major changes or features.
Distributed under the MIT License.
Created by SatyamPote
Conatct Email
For suggestions, issues, or feedback, open an issue or connect via GitHub.