# Starknet frontends Frontends for starknet dapps --- ## David Lange frontend developer @finiam :wave: --- Doing things in starknet, circa 2023 ![](https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmYxMjg4MGFhMmI1OTA0NjFlM2FmMzZlN2Y0MTdjY2UzYTZmMDczNyZlcD12MV9pbnRlcm5hbF9naWZzX2dpZklkJmN0PWc/3oz8xtBx06mcZWoNJm/giphy.gif) --- ### Really broad overview ![](https://i.imgur.com/pW6A8BC.png) --- ### (slightly less) really broad overview ![](https://hackmd.io/_uploads/SyCmcY8N2.png) --- ### Account Requires user interaction Access to signer It's a contract --- ### Provider Access to network Read access --- ### Contract Instance of a deployed contract Allows interaction Requires a provider/signer --- [Starknet.js](https://www.starknetjs.com/) [get-starknet](https://github.com/starknet-io/get-starknet) --- demo --- [starknet-react](https://github.com/apibara/starknet-react) [abi-wan-kanabi](https://github.com/keep-starknet-strange/abi-wan-kanabi) --- demo --- ### Indexing how do we get data in a useful way? --- ![transformation](https://hackmd.io/_uploads/Bkx1AqDEn.png) --- ![thegraph](https://i.imgur.com/HRZSfhd.png) --- [starknet-graph](https://github.com/starknet-graph) ![starknet-graph](https://hackmd.io/_uploads/SyMmaKLNn.png) --- [checkpoint](https://github.com/checkpoint-labs/checkpoint) ![checkpoint](https://hackmd.io/_uploads/By7KTFUNn.png) --- ![how checkpoint works](https://hackmd.io/_uploads/Bk2uCt84h.png) --- demo --- ### Wrapping up Check out finiam.com / @wearefiniam
{"metaMigratedAt":"2023-06-18T03:15:02.994Z","metaMigratedFrom":"YAML","title":"Starknet frontends","breaks":true,"description":"Frontends for starknet dapps","contributors":"[{\"id\":\"a0bd280d-03b1-4fd4-a906-6afb6498e2c5\",\"add\":2450,\"del\":804}]"}
    293 views