Swingby Skybridge Explorer

A SPA for Swingby Skybridge

Environment

$ node -v
v12.18.3
$ yarn -vs
v1.22.4

• Next.js: 10.0.0
• React: 17.0.1
• TypeScript: 4.0.5

Dependencies

For Application

• @swingby-protocol/pulsar
  • Yet another component library based on styled-components
• @swingby-protocol/sdk
  • JavaScript SDK for Skybridge
• @swingby-protocol/widget
  • Widget for Skybridge Swap service
• bignumber.js
  • A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic
• bnc-onboard
  • Client library to onboard users to web3 apps
• framer-motion
  • Open source, production-ready animation and gesture library for React
• graphql
  • A reference implementation of GraphQL for JavaScript
• jest
  • Delightful JavaScript Testing.
• luxon
  • A library for working with dates and times in JS
• next-seo
  • Next SEO is a plug in that makes managing your SEO easier in Next.js projects.
• styled-components
  • Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps
• polished
  • A lightweight toolset for writing styles in JavaScript
• react-intl
  • The monorepo home to all of the FormatJS related libraries, most notably react-intl.
• redux
  • Predictable state container for JavaScript apps
• react-redux
  • Official React bindings for Redux
• recharts
  • About Redefined chart library built with React and D3
• redux-devtools-extension
  • Redux DevTools extension.
• react-spinners
  • A collection of loading spinner components for react
• web3
  • Ethereum JavaScript API

For Development

• @swingby-protocol/eslint-config
  • ESLint config for Swingby's projects
• @swingby-protocol/prettier-config
  • Prettier config for Swingby's projects
• cypress
  • Fast, easy and reliable testing for anything that runs in a browser.
• husky
  • Modern native Git hooks made easy

Package manager

• yarn
  • Fast, reliable, and secure dependency management.

Vercel & Deployed URL

• Mainnet

  • https://new-explorer-mainnet.vercel.app/

• Testnet

  • https://testnet.skybridge.info/

How To Use

yarn
yarn dev

Translation

This project is using react-intl to handle localization. Please refer to src/modules/i18n/files/LANGUAGE.json file to add or edit sentences.

SEO

This project is using next-seo to handle SEO settings. Please refer to src/modules/seo/index.tsx file to add or edit sentences.

How To Contribute

This project is using @swingby-protocol/eslint-config. When you push your branch to remote ones, please run yarn lint to comply to the code convention.

When you add a new library, please make sure its license is not GPL. And please use -D for @types.

References

• Figma