@eoscostarica/eoscr-components

eoscr-components

A collection of React Components for EOSIO.

Table of Contents

• Installation
• Components
• Run locally
• File Structure
• License
• Contributors

Version

• 2.0.3

Installation

Install the dependencies and devDependencies and start the server.

$ npm install eoscr-components --save

Components

	Description	Tag
Create Account	Form to create a new account	<CreateAccount />
Get Account Information	Get an account information	<AccountInfo />
Input Hash	Input Text to create or validate HASH256	<InputHash />
Dropzone Hash	Drop zone to handle files	<DropzoneHash />
Backdrop	Backdrop	<Backdrop />
BPJsonGenerator	BPJsonGenerator	<BPJsonGenerator />
InfiniteRegistryTableLoader	Provides infinite scroll and dynamic load	<InfiniteRegistryTableLoader />
VisualCertificate	Displays visual certificate with information and resources to verify the validity of the transaction	<VisualCertificate />
Issuance Verifier	Dropzone that validates the issuance of a file	<IssuanceVerifier />
Ricardian Contract Visualizer	Shows Ricarian clauses	<RicardianContract />

Run locally

Local Development

We are using Storybook

is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

npm run storybook

you can see more information about STORYBOOK

File Structure

Within the download you'll find the following directories and files:

eoscr-components/
├── .storybook
│   ├── main.js
│   ├── preview.js
│   ├── preview-head.html
│   └── styles-decorator.js
│
├──  src
│   ├── api
│   │   └── eosjs-api.js
│   │
│   ├── config
│   │   └── index.js
│   │
│   ├── stories
│   │   ├── 0-AccountInfo.stories.js
│   │   ├── 1-CreateAccount.stories.js
│   │   ├── 2-InputHash.stories.js
│   │   ├── 3-Backdrop.stories.js
│   │   ├── 4-RicardianContract.stories.js
│   │   ├── 5-DropzoneHash.stories.js
│   │   ├── 6-InfiniteRegistryTableLoader.stories.js
│   │   ├── 7-BPJsonGenerator.stories.js
│   │   ├── 8-VisualCertificate.stories.js
│   │   └── 9-IssuanceVerifier.stories.js
│   │
│   ├── themes
│   │   └── index.js
│   │
│   ├── utils
│   │   ├── convertHex2RGB.js
│   │   ├── convertVotesToEosVotes.js
│   │   ├── filereader.js
│   │   └── getRgbColorsFromHex.js
│   │
│   ├── AccountInfo
│   │   ├── AccountInfo.js
│   │   ├── BPAvatar.js
│   │   ├── ProgressBar.js
│   │   └── index.js
│   ├── Backdrop
│   │   ├── Backdrop.js
│   │   └── index.js
│   ├── BPJsonGenerator
│   │   ├── BPJsonGenerator.js
│   │   ├── ImagePreview.js
│   │   ├── Modal.js
│   │   ├── NodesForm.js
│   │   └── index.js
│   ├── common
│   │   ├── DropzoneBase.js
│   │   └── index.js
│   ├── CreateAccount
│   │   ├── CreateAccount.js
│   │   └── index.js
│   ├── DropzoneHash
│   │   ├── DropzoneHash.js
│   │   ├── FileComponent.js
│   │   └── index.js
│   ├── InfiniteRegistryTableLoader
│   │   ├── InfiniteRegistryTableLoader.js
│   │   └── index.js
│   ├── InputHash
│   │   ├── InputHash.js
│   │   └── index.js
│   ├── IssuanceVerifier
│   │   ├── IssuanceVerifier.js
│   │   └── index.js
│   ├── RicardianContract
│   │   ├── RicardianContract.js
│   │   └── index.js
│   ├── VisualCertificate
│   │   ├── VisualCertificate.js
│   │   └── index.js
│   └── index.js
│
├── .eslintrc
├── .gitignore
├── .prettierignore
├── README.md
├── prettier.config.js
└── package.json

License

MIT © EOS Costa Rica

Contributors

Thanks goes to these wonderful people (emoji key):

Xavier Fernandez 🤔 📝 📢 🚇

Teto Gomez 🤔 💻 👀

JustinCast 💻 📖 📆 🚧

This project follows the all-contributors specification. Contributions of any kind welcome!