Indie Frontend for a TalentLayer-Integrated Job Marketplace

About Indie

Indie is an open-source fork-able codebase that is available for marketplaces and other platforms integrating with TalentLayer to borrow from and use to get inspired.

Indie lays the groundwork for what will eventually become the TalentLayer SDK.

View a video demo of the Indie Frontend here.

Stacks

• Vite
• ReactJS
• TypeScript
• TailwindCSS
• React Router v6
• Ethers.js
• Wagmi
• WalletConnect - Web3Modal
• Heroicons
• Headlessui

Dev stacks

• ESLint
• Prettier

Steps for setup

• Init the react app with typescript using Vite: npm create vite@latest dapp -- --template react-ts
• Install ESLint: npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint typescript
• Install Tailwind:
  • npm install -D tailwindcss postcss autoprefixer
  • npx tailwindcss init -p
• Install React Router: npm install react-router-dom@6
• Install Wagmi: npm i wagmi ethers
• Install web3modal: npm install @web3modal/react @web3modal/ethereum ethers
  • Create env file: touch .env
  • Define the wallect connect project Id: VITE_WALLECT_CONNECT_PROJECT_ID
• Install Heroicons: npm i

VSCode useful plugins

• Tailwind CSS IntelliSense: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss