1.0.1 • Published 6 years ago
cryptocase v1.0.1
React NPM CryptoKittyCase
React plugin to display your CryptoKitties
It will also display whether your cats are "fancy" or "exclusive," if appropriate. Due to API constraints, you can display up to 12 kitties at a time.
HTML Setup
Use the following example and set your address. You can find your address at the top of your profile page on the CryptoKitties site:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="cryptokittycase"></div>
</body>
</html>React setupFiles
import React from 'react';
import ReactDOM from 'react-dom';
import App from 'cryptocase';
require('bootstrap/dist/css/bootstrap.css');
require('bootstrap');
ReactDOM.render(<App wallet='0x519870e6cce87c4933981e91164e675a8b5a5b61'/>, document.getElementById('cryptokittycase'));