deep-waifu-ui-astar

This is a part of the DeepWaifu project.

This repository holds the UI for the dapp.

The live version of the dapp can be found here.

🗺 Project overview

This project consists of the following repositories:

This repo uses dotenv to load environment variables.

For development, an .env file should be created based on the .env.example template file. The .env file should never be commited.

In production, environment variables can be injected directly.

Below is a list of possible environment variables.

Name	Type	Default	Description
`REACT_APP_API_URL`	`string`		URL to DeepWaifu Server
`REACT_APP_SHARE_URL`	`string`		Base URL for sharing minted waifus on social media. The share URL is a static website with OG data . The website is served by DeepWaifu Server so this may be set to the same value as `REACT_APP_API_URL` but we exposed the Server at another (nicer) URL for the purpose of social media sharing.
`REACT_APP_STRIPE_PUBLIC_KEY`	`string`		Public API key for Stripe payment service. This is used in the pillow purchase flow.
`REACT_APP_PILLOW_PRICE_USD`	`number`		The price of the pillow in USD.
`REACT_APP_NFT_CONTRACT_ADDRESS`	`string`		Address of the deployed DeepWaifu NFT smart contract.
`REACT_APP_CHAIN_ID`	`number`		Chain ID of Astar network (`81` = `shibuya`, `336` = `shiden`).
`REACT_APP_NETWORK_URL`	`string`	`<inferred from known chain id>`	Override RPC URL for the network. Leave empty to use default.

Run npm install

Run npm run build

Run npm start