/ntu_cz4153-someawesomesodium-fe

Some Awesome Sodium is a prototype dencentralised application project for allowing easy one click anoymous donation for content creators.

Primary LanguageTypeScript

#some-awesome-sodium App


Some Awesome Sodium (Frontend)

Some Awesome Sodium is a prototype dencentralised application project for allowing easy one click anoymous donation for content creators.

Table of Contents
  1. About The Project
  2. Getting Started

About The Project

Some Awesome Sodium (Frontend) contains the files to deploy a decentralised application that interacts with the sibling project Some Awesome Sodium (Contract). The project is done as part of the school project requirement for Nanyang Technological University CZ4153 module. Project contract should not be used for any production ready code, due to lack of security optimisation and input validation.

(back to top)

Built With

  • React

(back to top)

Getting started (Development)

Prerequisites

This project supports the following wallet

Please install any of the supported wallets above to use this app

Configure Wallet

MetaMask

We are using the Goerli Test network, so we need to enable the test networks on MetaMask

Settings > Advanced > Show test networks (Set to 'On')

  1. Select 'Goerli test network' from the availble list of network shown on MetaMask
  2. Follow https://goerli-faucet.mudit.blog/ to get free ETH to run contracts

Deploying Development Test Environment

  1. Install Node Dependencies
npm install
  1. Map Application Factory Contract and Domain Name
VITE_DIRECT_DONATION_FACTORY_ADDR=<Insert Factory Address>
VITE_URL=http://localhost:5173/ <change if not dev environment>
  1. Run the project
# Run dev script
npm run dev

# Output
  VITE v3.1.6  ready in 246 ms

  ➜  Local:   http://127.0.0.1:5173/
  ➜  Network: use --host to expose