Web3 Gateway

A SPA for add custom networks to MetaMask with once click.
This is a Next.js project bootstrapped with create-next-app.

Environment

$ node -v
v14.17.3
$ yarn -vs
v1.22.10

How To Use

yarn
yarn dev

Dependencies

For Application

• axios
  • Promise based HTTP client for the browser and node.js
• comet-ui-kit
  • UI library based on styled-components
• framer-motion
  • Open source, production-ready animation and gesture library for React
• @metamask/logo
  • A 3d take on the metamask logo, in browser, as a browserifyable module.
• next-seo
  • Next SEO is a plug in that makes managing your SEO easier in Next.js projects.
• pino
  • super fast, all natural json logger
• polished
  • A lightweight toolset for writing styles in JavaScript
• styled-components
  • Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps
• react-cookie-consent
  • A small, simple and customizable cookie consent bar for use in React applications.
• react-github-corner
  • Add a Github banner to your project page.
• react-intl
  • The monorepo home to all of the FormatJS related libraries, most notably react-intl.
• react-qrcode-logo
  • React + Typescript component to generate a QR Code with custom colors and logo
• react-tabs
  • An accessible and easy tab component for ReactJS.
• react-toggle-dark-mode
  • A sleek dark mode toggle button for React.
• redux
  • Predictable state container for JavaScript apps
• react-redux
  • Official React bindings for Redux
• redux-devtools-extension
  • Redux DevTools extension.
• react-spinners
  • A collection of loading spinner components for react
• rodal
  • A React modal with animations.
• web3
  • Ethereum JavaScript API

For Development

• husky
  • Modern native Git hooks made easy

Package manager

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

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

When you push your branch to remote ones, please run yarn lint --fix 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.