Bando MiniPay Spending Dapp

Spend your tokens on anything.

Table of Contents

1. Built With
2. Prerequisites
3. Install MiniPay
1. Install Dependencies
2. Deploy your Dapp Locally
3. Add UI Components
4. Deploy with Vercel
5. Supported Frameworks
1. Support
2. Contributing
3. License
4. Contact

About The Project

Bando MiniPay app allows you to spend your minipay balance to buy more thasn 10000 products globally.

Built With

Built with: Celo Composer is built on Celo to make it simple to build dApps using a variety of front-end frameworks, and libraries.

• Celo
• Solidity
• Hardhat
• React.js
• Next.js
• viem
• Tailwind

(back to top)

Prerequisites

• Node (v20 or higher)
• Git (v2.38 or higher)

Install MiniPay

Welcome to the MiniPay wallet integration guide. MiniPay is one of the fastest growing wallets that was built out by Opera on Celo that seeks to create a simple user experience to use DApps. MiniPay is available as a standalone app and inside the Opera Mini browser on Android phones thereby allowing DApp developers to tap into a distribution of 100M users on integration.

This guide provides information on how to develop and test your dapp for MiniPay.

To get started with MiniPay, we recommend testing the wallet and building a sample dApp using our starter kit. The following steps will guide you through setting up MiniPay, building your dApp, and testing it in the wallet.

:::info Install the new MiniPay standalone app now! 🎉 📥 :::

Install Dependencies

Once your custom dApp has been created, just install dependencies, either with yarn:

   yarn

If you prefer npm, you can run:

   npm install

Deploy your Dapp Locally

Find the detailed instructions on how to run your frontend in the react-dapp README.md.

Before you start the project, please follow these steps:

1. Rename the file: packages/react-app/.env.template to packages/react-app/.env

2. Open the newly renamed .env file and add your WalletConnect Cloud Project ID from WalletConnect Cloud

Once you've done that, you're all set to start your project!

Run the following commands from the packages/react-app folder to start the project:

   yarn dev

If you prefer npm, you can run:

   npm run dev

Add UI Components

To keep the Celo Composer as lightwieght as possible we didn't add any components but rather a guide on how to add the components you need yourself with a very simple to use components library. To learn how to add UI components using ShadCN in this project, refer to the UI Components Guide.

Deploy with Vercel

The Celo Composer is a great tool for hackathons and fast deployments. We created a guide for you, using the Vercel CLI to create a live deployment in minutes. For detailed instructions on deploying the Next.js app using Vercel CLI, refer to the Deployment Guide.

Supported Frameworks

React / Nextjs

• Support for Website and Progressive Web Application.
• Works with all major crypto wallets.

Check nextjs docs to learn more about it.

Hardhat

• Robust framework for building and testing smart contracts.
• Compatible with various Ethereum development tools and plugins.

Check hardhat docs to learn more about it.

Support

Send us an email to [email protected] if you have any questions or need help.

Contributing

We welcome contributions from the community.

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)