https://github.com/mujhtech/stable-coin-gas-fee-support
https://github.com/mujhtech/stable-coin-gas-fee-support
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mujhtech/stable-coin-gas-fee-support
- Owner: Mujhtech
- License: mit
- Created: 2023-02-20T09:14:17.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-20T09:15:12.000Z (over 3 years ago)
- Last Synced: 2025-03-18T11:50:08.214Z (about 1 year ago)
- Language: TypeScript
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Table of Contents
## About The Project
Celo Composer allows you to quickly build, deploy, and iterate on decentralized applications using Celo. It provides a number of frameworks, examples, and Celo specific functionality to help you get started with your next dApp.
## Built With
Celo Composer is built on Celo to make it simple to build dApps using a variety of front-end frameworks.
- [Celo](https://celo.org/)
- [Solidity](https://docs.soliditylang.org/en/v0.8.15/)
- [Next.js](https://nextjs.org/)
- [React.js](https://reactjs.org/)
- [Material UI](https://mui.com/)
- [React Native](https://reactnative.dev/)
- [Flutter](https://docs.flutter.dev/)
## Getting Started
To build your dApp, you'll need to install the dependencies, create a new project, and run the following commands:
## Prerequisites
- Node
- Git (v2.38 or higher)
## How to use Celo Composer
The easiest way to get started with Celo Composer is using `@celo/celo-composer`. This is a CLI tool enables you to quickly start building dApps on Celo for multiple frameworks including React, React Native (w/o Expo), Flutter and Angular. You can create the dApp using default Composer templates provided by Celo. To get started, use the following command:
```bash
npx @celo/celo-composer create
```
#### This will prompt you to select the framework and the template you want to use

#### Once you select the framework and the template, it will ask you to select the smart contract development environment tool

#### After selecting the tool, it will ask you whether you want subgraph support for your dApp

#### Finally, it will ask you for the name of your dApp

**_π₯Voila, you have your dApp ready to go. You can now start building your dApp on Celo._**
## Supported Frameworks
### React
- Creating examples and experiment with React for your libraries and components.
- Install dependencies with `yarn` or `npm i`.
- Start the dApp with `yarn react-app:dev`/`npm run react-app:dev` and you are good to go.
- Support for Website and Progressive Web Application.
- Works with all major crypto wallets.
Check here to learn more about [Celo Composer - React](https://github.com/celo-org/celo-composer/main/packages/react-app/README.md)
### React Native
- You don't need to configure anything. A reasonably good configuration of both development and production builds is handled for you so you can focus on writing code.
- Support for Android and IOS.
- Works with [Expo](https://expo.dev/) and without Expo.
- Working example app - The included example app shows how this all works together.
- Easy to use and always updated with latest dependencies.
Check here to learn more about [Celo Composer - React Native](https://github.com/celo-org/celo-composer/main/packages/react-native-app/README.md)
### Flutter
- One command to get started - Type `flutter run` to start development in your mobile phone.
- Works with all major mobile crypto wallets.
- Support for Android, IOS (Web, Windows, and Linux coming soon).
- Working example app - The included example app shows how this all works together.
- Easy to use and always updated with latest dependencies.
Check here to learn more about [Celo Composer - Flutter](https://github.com/celo-org/celo-composer/main/packages/flutter-app/README.md)
### Angular
- Creating examples and experiment with Angular for your libraries and components.
- Easy to setup and use.
Check here to learn more about [Celo Composer - Angular](https://github.com/celo-org/celo-composer/main/packages/angular-app/README.md)
## π Learning Solidity
π Read the docs:
- [Primitive Data Types](https://solidity-by-example.org/primitives/)
- [Mappings](https://solidity-by-example.org/mapping/)
- [Structs](https://solidity-by-example.org/structs/)
- [Modifiers](https://solidity-by-example.org/function-modifier/)
- [Events](https://solidity-by-example.org/events/)
- [Inheritance](https://solidity-by-example.org/inheritance/)
- [Payable](https://solidity-by-example.org/payable/)
- [Fallback](https://solidity-by-example.org/fallback/)
π§ Learn the [Solidity globals and units](https://solidity.readthedocs.io/en/v0.6.6/units-and-global-variables.html)
## Support
Join the Celo Discord server at . Reach out on the dedicated repo channel [here](https://discord.com/channels/600834479145353243/941003424298856448).
## Roadmap
See the [open issues](https://github.com/celo-org/celo-composer/issues) for a full list of proposed features (and known issues).
## Contributing
As a contributor, you can add your own dApp to this repository and include it as a tab for others to access. Follow the steps below and reference existing files for additional details to help you get started.
If you decide to try this out and find something confusing, consider opening an pull request to make things more clear for the next developer that comes through. If you improve the user interface or create new components that you think might be useful for other developers, consider opening a PR.
We will happily compensate you for contributions. Anywhere between 5 and 50 cUSD (or more) depending on the work. This is dependent on the work that is done and is ultimately up to the discretion of the Celo Foundation developer relations team.
You can view the associated bounty on Gitcoin [here](https://gitcoin.co/issue/celo-org/celo-progressive-dapp-starter/17/100028587).
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
- [@CeloDevs](https://twitter.com/CeloDevs)
- [Discord](https://discord.com/invite/6yWMkgM)