Skip to content
PhotoBlock provides user-friendly visual account and login capability to blockchain dapps and websites
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
docs
src
.babelrc
.gitignore
.npmignore
LICENSE
README.md
package-lock.json
package.json
webpack.config.js

README.md

PhotoBlock ALPHA Release

PhotoBlock provides user-friendly visual account and login capability to blockchain dapps and websites. For more information, visit the TryCrypto Website, or to see PhotoBlock in action, check out the PhotoBlock Demo.

Getting started

Follow these steps to get started developing:

  • npm install
  • npm run dev to transpile both the lib and docs folder in watch mode and serve the docs page for you.
  • Go to http://127.0.0.1:8000 to see the demo in action. Whenever you change the code in either src/lib or src/docs, the page will automatically update.

How it is structured

The source code has two separate parts – the library and the documentation (demo) page. Both are written in ES6, and therefore have to be transpiled by Babel but in different ways.

Component library transpilation

The library source code, which is located in src/lib, is transpiled with Babel but is not bundled with Webpack. (This is because when you use the library for your application you bundle your entire codebase, which includes this library.)

Demo app transpilation

The demo app source code lives inside the src/docs folder. It is transpiled, bundled and minified by Webpack and Babel into the docs folder in the root directory (by running npm run docs:prod). This is a completely normal HTML+JS+CSS app with minimal configuration that imports the component library. (The reason that the folder doesn't have a logical name like demo is that GitHub Pages requires it to be called docs.)

You can’t perform that action at this time.