---
# System prepended metadata

title: Sphere dApp Handoff

---

# Sphere dApp Handoff

## Tech Stack
- Frontend Library:- NextJs
- UI Library:- Bootstrap
- Web3 Library:- ethers.js
- Linting:- Prettier
- Hosting:- Vercel

## Repository
The repository can be found here - https://github.com/thesphere/karmic-dapp

## Code Structure
### Artifacts
The artifacts are directly taken from the artifacts generated from `hardhat-deploy` deployments.
The property address should have the value of deployed `Karmic` contract on desired network.
For example, if the dApp needs to be deployed on `mainnet` the property address should contain value of deployed `Karmic` contract on mainnet.
#### Artifacts are stored in `./contracts/` where the `Karmic` artifacts should be stored as `./contracts/Karmic.json`

### Components
All the components can be found in `./components/`.
Necessary `.css` files can be found in `./components/assets/css/`


## State Management

### Web3 state management
All the web3 state management is done using context and was already setup.
The context can be found `./context/`

**Note: It is not recommended to remove or update any exisiting state in the context**

### Other state management
Other state management is done using React Hooks and can be found directly inside the components.

