KEVINS DAPP

Hello, it looks like you've stumbled upon my decentralized application. Let me show you around!

To run this application you should follow these steps:

1. Clone this repository. (git clone git@github.com:flippinroo2/kevin_scan.git)
2. Run the following command: "yarn install" or "npm install". (Depending on the package manager you use.)
3. Once all of the dependencies are installed, run the following command: "yarn build" or "npm run build". (This will invoke the TypeScript compiler and then build a production version of the React app.)
4. Now that all of the dependencies and the source files are built, we can start up our backend server. You can start the server with the following command: "yarn serve" or "npm run serve". (The data for this application comes from the blockchain, but the server is included here as an example.)

You should now be able to view this application at the following url: http://localhost:5000

As a side note, you can also view this application on my IPFS website: https://flippinroo2.on.fleek.co

BACKEND SERVER

There is a backend server included in this repository that can be started with the "yarn serve" or "npm run serve" commands. This will start up an express server running on port 5000.

When you navigate to this url you will be prompted for a username & password. (You can find these in the ".env" file. I know it's not convention to have environment variables public, however, this is strictly used as an example.)

Kevin Scan

The first portion of the application is a block viewer. You simply enter into the form fields the range of blocks you would like to fetch data from.

• Endpoint: Enter the endpoint url of the particular blockchain you would like to request data from. (The dropdown list next to it will also pre-populate a url for you.)
• Start Block: Enter an integer greater or equal to "1". (The value must be lower than the value entered into "End Block")
• End Block: Enter an integer greater or equal to "2". (The value must be greater than the value entered into "Start Block")

Loy Swap

The

Kevin View

The

Kevin Test

The

TODO - PHASE 1

1. Get Web3 functionality working.
2. Get Swapping page finished.
3. Finish up full test suite. (First priority because it'll save time with development later.)
4. Fix type declarations. Would like to get to a place without the usage of "any" types. (Start with finishing up the Redux props / state declarations.)
5. Comment TypeScript files and document different parts of the application.
6. Fix everything in the "issues" queue.

TODO - PHASE 2

1. Get the blockchain switcher dropdown working properly & implement functionality for fetching data from other chains.
2. Redo the table columns so that there is only 1 header row. (This will allow for more efficient sorting / filtering.)

ISSUES

1. Filters do not show any values besides "system.ExtrinsicSuccess".These same fields are missing "Extra Data" values (or do the extra data values even exist?).