DAPP Setup

"Indie" is an open-source fork-able marketplace codebase that is available for marketplaces and other platforms integrating with TalentLayer to borrow from and use to get inspired.
It's a good first step to set up a local version of Indie to...
  1. 1.
    Get to know how frontends interface with TalentLayer
  2. 2.
    Optionally, use Indie as a foundation for your next DAPP.

Watch the Demo

View on Github

Local Setup Instructions

1. Clone Repository from GitHub

git clone https://github.com/TalentLayer-Labs/indie-frontend

2. Move to directory

cd indie-frontend

3. Setup .env File

touch .env #Create env file
.env
1
VITE_WALLECT_CONNECT_PROJECT_ID=
2
VITE_NETWORK_ID=
3
VITE_INFURA_ID=
4
VITE_INFURA_SECRET=
5
VITE_SUBGRAPH_URL=
6
VITE_PLATFORMID=
Get the WALLET_CONNECT_PROJECT_ID from https://walletconnect.com/
Get the INFURA_ID and INFURA_SECRET at https://www.infura.io/ by creating a new project for IPFS.
Set NETWORK_ID to for now 5, this is the ID of goerli testnet. For other networks, find the chainID on Chainlist.
Set the SUBGRAPH_URL to https://api.thegraph.com/subgraphs/name/talentlayer/talent-layer-protocol. (This is the subgraph endpoint on goerli testnet. The available endpoints can be found in the Graph Schema page.)
If you have a PLATFORMID, set it to the numeric identifier for your ID.
If you do not yet have a PLATFORMID, set this field to 1. This allows you to interface with the contracts as a null identity on testnet while you are waiting for your PLATFORMID.
Learn about how to request a PLATFORMID here:

4. Install dependencies

npm i

5. Run the dapp!

npm run dev