# StarterKit Template

"StarterKit" is an open-source fork-able mobile-first marketplace codebase that is a great starting point for teams building on TalentLayer. 

StarterKit is...

* a fully functioning freelance marketplace DAPP
* build with React, Tailwind, WalletConnect, and TalentLayer API
* 100% open-source
* mobile-first, with PWA support

It's a good first step to set up a local version of StarterKit to...

1. Get to know how frontends interface with TalentLayer
2. Use it as a foundation for your next DAPP.

## Explore the DAPP

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

{% embed url="<https://www.starterkit.work/>" %}

## View on Github&#x20;

{% embed url="<https://github.com/TalentLayer-Labs/starter-kit>" %}

## Local Setup Instructions

### 1. Clone Repository from GitHub

```bash
git clone https://github.com/TalentLayer-Labs/starter-kit
```

### 2. Move to directory

```bash
cd starter-kit
```

### 3. Setup .env File

Setup your local environnement by copying the .env.example and adjust the variables.

Main variable to update:

* 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](https://chainlist.org/).&#x20;
* NEXT\_PUBLIC\_PLATFORM\_ID: use 4, the default value, or [create your own platform](https://docs.talentlayer.org/get-a-platform-id) to setup your custom fees and more:

Advanced configuration:

* coming soon

### 4. Install dependencies

```bash
npm i
```

### 5. Run the dapp!

```bash
npm run dev
```