Skip to content

uprtcl/dxdao-landing-page

 
 

Repository files navigation

Landing-Page

This is the Landing page of the DXdao.

Technical Description

The Landing-Page is written in javascript and typescrypt, it uses ReactJS and Webpack.

Install

Install dependencies with the following command:

yarn

Test

No front-end tests at the moment. (Jest is included for testing React components), run tests with the following command:

yarn test

Formatting and Linting

  • Husky will automatically format files, using prettier + tslist, before git commits.
  • Manually execute formatting on staged files with yarn lint-staged
  • Formatting tools can be installed for many editors for issue highlighting and features such as format on save

Local Development

  • Execute yarn dev , this will start the site in http//:localhost:3000

Deployment

To make the build of the dapp use the command yarn run build. It will create production build that can be hosted anywhere. We host and support the builds in IPFS and Swarm networks.

IPFS

The fastest way to deploy the landingpage on ipfs is using Pinata. Make sure you added your Pinata IPFS_DEPLOY_PINATA__API_KEY and IPFS_DEPLOY_PINATA__SECRET_API_KEY in the .env file and run the following command:

yarn ipfs-deploy

Alternativly you can follow the installation instructions here https://docs-beta.ipfs.io/how-to/command-line-quick-start/#install-ipfs.

Executables for ipfs-update can be downloaded from https://dist.ipfs.io/#ipfs-update.

The build can be upload to ipfs with the following command:

ipfs add -r build

Verification Instructions

To calculate the same ipfs hash used for the application deployed you will need the ENV variables that were used for build. Make Once you have your ENV variables set you should delete the node_modules and build folders, run yarn to have fresh dependencies installed and at last run yarn run build to generate a clean build. Now with the build at your disposal you can calculate the hash of the folder by running ipfs add -r -n build.

The build hash ipfs of the entire build folder will be QmPhoeL14E5SBFBaC4bA3nuRpg3MpxdWVYdPrdXHdQ3EHY

Packages

No packages published

Languages

  • JavaScript 90.7%
  • CSS 4.6%
  • TypeScript 3.2%
  • HTML 1.3%
  • Shell 0.2%