Demo DAPP Setup - Indie

"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.

Explore the DAPP

We've hosted a version of Indie on Mumbai testnet for you to play around with! Have fun.

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
NEXT_PUBLIC_WALLECT_CONNECT_PROJECT_ID=xxxxx
2
NEXT_PUBLIC_NETWORK_ID=80001
3
NEXT_INFURA_ID=xxxxx
4
NEXT_INFURA_SECRET=xxxxx
5
NEXT_PUBLIC_PLATFORM_ID=4
6
NEXT_PUBLIC_LENS_URL=https://api.lens.dev/
7
NEXT_PUBLIC_IPFS_BASE_URL=https://ipfs.io/ipfs/
8
NEXT_PUBLIC_POH_SUBGRAPH_URL=https://api.thegraph.com/subgraphs/name/kleros/proof-of-humanity-mainnet
9
NEXT_PUBLIC_SISMO_GRAPH_API=https://api.sismo.io/
10
NEXT_PUBLIC_SIGNATURE_API_URL=https://api.defender.openzeppelin.com/autotasks/4b1688f9-01a4-435d-89ae-d05e0aa0a53b/runs/webhook/b9818d77-3c43-4c3d-bfb8-4c77036de92f/ACXhXsQoCKP8zZVE26gFbh
11
NEXT_PUBLIC_BACKEND_RPC_URL=https://rpc-mumbai.maticvigil.com/v1/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  • Get the NEXT_WALLECT_CONNECT_PROJECT_ID from https://walletconnect.com/
  • Get the NEXT_INFURA_ID and VITE_INFURA_SECRET at https://www.infura.io/ by creating a new project for IPFS.
  • Set NETWORK_ID to for now to the ID for Mumbai Testnet. Find the chainID on Chainlist.
  • Set it to the numeric identifier for the platform ID you want to post on.
Learn about how to request a PLATFORMID here:

4. Install dependencies

npm i

5. Run the dapp!

npm run dev