Git Product home page Git Product logo

dxdao-landing-page's Introduction

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.