This projects helps you to keep track of your liquidity across chains.
Paywall using Unlock
We have integrated a paywall using Unlock, to make users pay if they want to view multiple wallets at the same time.
Social Proof Notification based on data from theGraph
To increase the willingness to pay, we show little social proof notifications about other users who bought the upgrade. We get those information from theGraph and show users a link to etherscan so they can check that the notifications are not fake.
Hosting via IPFS using Textile Buckets and Cloudflare
https://dashboard-textile.cryptopixels.org/
\/
TXT _dnslink dnslink=/ipns/bafz...xvjq
CNAME gateway-int.ipfs.io
\/
Textile Bucket (IPFS + IPNS)
The Website is hosted decentral using a textile bucket, which we make more accessible via a custom domain by integration Cloudflare CDN.
Setup:
- Textile provides a custom url for your bucket, based on the ipns name of your bucket ([ipns].textile.space): https://bafzbeia3zldi5h554pjqicc35krfylfpw3xvwrluwc4bh3zqio62lfxvjq.textile.space/
- To serve your files via a cloudflare, you have to set the following DNS entries:
TXT _dnslink.subdomain = dnslink=/ipns/bafzbeia3zldi5h554pjqicc35krfylfpw3xvwrluwc4bh3zqio62lfxvjq
CNAME subdomain = gateway-int.ipfs.io
When adding a new wallet users can simply enter their ens domain instead of connecting their wallet.
Coin Prices via Coingecko
Use nvm to run the app with an up-to-date node verion: nvm use.
EditorConfig defines basic formatting, use a plugin for your IDE.
yarn install
yarn start
The setup includes antd for styled components.
The setup is based on create-react-app.
All variable names have to start with REACT_APP_ to be available within react.
Use .env for default config variabels used on all environments.
Use .env.development and .env.production for environment specific configuration.
Create a local .env.local file if you want to test additional settings locally (e.g. run a semi production version).
The .env files are loaded automatically, but changing variables will require you to restart yarn start.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.