/regen-network-frontend-challenge

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

Primary LanguageTypeScript

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