tedzchow / regen-network-frontend-challenge

The frontend challenge to build interfaces to browse transactions given Regen Network APIs

Home Page:https://www.regen.network

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Regen Network Frontend Challenge - Block Explorer App

A simple explorer app that shows the lastest 5 blocks in Regen Network.

Requirements

  • Node.js >= 16.14.0

Technologies Used

  • TypeScript
  • React
  • React Query (also for a state manager)
  • React Bootstrap / Bootstrap
  • ESLint with Prettier (also Husky)

How to Install

  • Install node_modules
    npm install
  • Make a copy of .env.example as .env
    Set PORT as the port of the app
    Set REACT_APP_API_URL as backend API's URL

How to Run

  • npm start to start the app

Commands for devlopment

  • npm run lint to check lint errors
  • npm run lint-fix to fix lint errors
  • npm test to test the app
  • npm run build to build a production bundle

About

The frontend challenge to build interfaces to browse transactions given Regen Network APIs

https://www.regen.network


Languages

Language:TypeScript 76.6%Language:HTML 17.4%Language:SCSS 4.4%Language:Shell 1.5%