Selecting the Shop Owner Account - Ganache provides ten, MetaMask only its current selection.
Creating a New Shop - Add a name and description, choose a fiat currency, click “Create”.
Selecting an Existing Shop - Run as many as you like, from one or multiple accounts.
Viewing a Shop - The current balance can always be withdrawn.
Creating a Shop Category - Click “Add Category”, add a name and description, click “Create”.
Creating an Item - Click “Add Item” on a category panel, fill out the form, and click “Create”.
In-App Pro Shop aims to help Ethereum developers easily support in-app purchases, freeing them to focus their energies on creating a better product for their users.
Using smart contracts that live on the blockchain and a web-based maintenance application, IAPS implements a franchise system, whereby anyone can create a Shop, define and categorize the items they will sell, and quickly integrate that Shop into their application.
Those applications can then interact with the In-App Pro Shop smart contracts to allow users to purchase items, which are minted as ERC-721 non-fungible tokens.
A small percentage (3%) of each sale goes to the Franchise Owner Futurescale, Inc., and the rest is immediately available for withdrawal by the Shop Owner.
In-App purchases are an undeniably huge potential revenue stream for any game or application. Consider that Fortnite sold over 1 billion dollars in in-game purchases in less than a year from it’s inception.
But many traditional game platforms are “walled gardens” — all the assets that gamers purchase live on servers of the company who wrote the game. That’s good for the company; they’re the only source of magic swords. But for the players, frankly, it sucks.
With Ethereum, those assets could live on the public blockchain, and actually be owned by the users, who could sell or trade them like CryptoKitties or any other NFT. When a player tires of a game after a year or two, she could sell all her assets to other players to recoup her investment.
An interesting potential for apps built on Ethereum is that they can incorporate existing smart contracts that already live on the blockchain. For instance, Loom network’s CryptoZombies feed on CryptoKitties which are non-fungible tokens created by another app entirely. Game developers could choose to allow assets from other games to be used in their own, simply by choosing to support those NFTs, the way CryptoKities can be used in various games in the ‘Kittyverse’.
You still need to write a great game or application, but while those that serve their users in this way may not extract the maximum revenue from every signup, they will almost certainly be rewarded by a grateful and loyal user base.
Architecture / Stack
The In App Pro Shop project is composed of:
Two stratified sets of Solidity contracts, ending with ProShop.sol and StockRoom.sol, which are deployed.
- Openzepplin-Solidity base contracts for ERC721 tokens, role-based access control, safe math, and more.
- FiatContract external contract dependency for getting current ETH -> USD/EUR/GBP quotes from the blockchain.
- Ganache-CLI for running a local blockchain.
- Truffle for compiling, testing, and migrating contracts to the blockchain.
Stockroom Contract Structure
* RBAC (Open Zepplin contract for implementing role-based access) : * AccessControl (Role-based access, SafeMath, contract pause, unpause, upgrade) : * StockRoomBase (Structs, state vars, and mappings related to Shops, SKU Types, and SKUs) : * ShopFactory (Factory method and related event for creating new Shops) : * SKUTypeFactory (Factory method and related event for creating new SKU Types) : * SKUFactory (Factory method and related event for creating new SKUs) : * StockRoom (Utility methods for accessing contract data)
ProShop Contract Structure
* ERC721Token (Open Zepplin contract for implementing ERC-721 non-fungible tokens) : : * RBAC (Open Zepplin contract for implementing role-based access) : : :..* AccessControl (Role-based access, SafeMath, contract pause, unpause, upgrade) : * ProShopBase (Structs, state vars, and mappings related to Items and balances) : * ItemFactory (Factory method and related event for selling and minting new Items) : * ProShop (Utility methods for accessing contract and withdrawing balances)
A React/Redux application for maintaining Shops and checking/withdrawing Shop owner and Franchise Owner balances.
- React-scripts for managing webpack configuration, compilation, testing, code watching, local server, etc.
- Babel-core for ES6/7 support.
- Redux-thunk middleware for asynchronous action creators.
- React-bootstrap for UI components.
- React-app-rewired for webpack config overrides to support Styled Components.
- Styled-components for easy application of CSS in JS.
- Drizzle and Drizzle-react for interacting with the blockchain and keeping data fresh.
+ in-app-pro-shop | +---+ contracts (Solidity smart contracts) | +---+ docs (Github pages documentation) | +---+ migrations (Solidity contract migration scripts) | +---+ mock (JS scripts for creating mock contract data) | +---+ public (React app HTML template and assets) | +---+ src (React store maintenance app) | | | +---+ abi (compiled Solidity contracts) | | | +---+ components (React app UI components) | | | | | +---+ theme (Application theme configuration) | | | | | + ---+ kit (Styled component kit) | | | +---+ constants (Contracts, Events, and other constants) | | | +---+ domain (JS domain model entities and tests) | | | +---+ services (JS code for persistence and retrieval) | | | +---+ store (Redux store, actions, reducers, and tests) | | | +---+ index.js (React app bootstrap) | +---+ test (Solidity contract tests)
Build / Run / Deploy Prerequisites
- Node 8.11 or above (also installs npm)
Install Node modules
cd path/to/in-app-pro-shop(instructions in this document will assume you are at this path)
Install Ganache CLI
npm install -g ganache-cli
npm install -g truffle
Start Ganache CLI
An Ethereum client on 127.0.0.1:7545, will start up a local blockchain for testing.
npm run ganache:start
Start Truffle console
Communicates with the Ethereum client, allows compiling, migrating, debugging, etc.
Migrate contracts, replacing previous deployments
Run contract tests
Execute mock data scripts
Compiles, serves, and launches app on http://localhost:3000/. Watches files for changes and reloads app in browser automatically. Make sure you have launched Ganache first.
npm run app:start
Creates a production build of the application for deployment
npm run app:build
Run unit tests
Runs all tests found in the /src tree
npm run app:test
- In-App Pro Shop - Copyright © 2018-Present Futurescale, Inc.
All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
- Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
- Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
- Neither the name of Futurescale, Inc., In-App Pro Shop, nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.