{"id":29219867,"url":"https://github.com/protofire/tezos-react-starter","last_synced_at":"2025-07-03T02:07:42.465Z","repository":{"id":39120111,"uuid":"264288077","full_name":"protofire/tezos-react-starter","owner":"protofire","description":"A Tezos DApp starter kit based on React","archived":false,"fork":false,"pushed_at":"2023-01-24T02:37:10.000Z","size":1947,"stargazers_count":20,"open_issues_count":19,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2023-04-10T04:54:35.077Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/protofire.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-15T20:06:40.000Z","updated_at":"2022-10-06T05:42:07.000Z","dependencies_parsed_at":"2023-02-05T13:01:48.121Z","dependency_job_id":null,"html_url":"https://github.com/protofire/tezos-react-starter","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"purl":"pkg:github/protofire/tezos-react-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/protofire%2Ftezos-react-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/protofire%2Ftezos-react-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/protofire%2Ftezos-react-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/protofire%2Ftezos-react-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/protofire","download_url":"https://codeload.github.com/protofire/tezos-react-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/protofire%2Ftezos-react-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263245314,"owners_count":23436515,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-03T02:07:41.854Z","updated_at":"2025-07-03T02:07:42.436Z","avatar_url":"https://github.com/protofire.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Netlify Status](https://api.netlify.com/api/v1/badges/7bae9967-4525-4259-a36f-30b007f05085/deploy-status)](https://app.netlify.com/sites/tezos-react-starter/deploys)\n# Tezos DApp React Starter Kit\nBuild React-based DApps in Tezos. Check out a \u003ca href=\"https://tezos-react-starter.netlify.app/\" target=\"_blank\"\u003edemo\u003c/a\u003e.\n\n## How to start\n- Download an [owner wallet](https://gist.github.com/mariano-aguero/808d4d64a89e8fd673b9cd3cce629214) that can mint tokens\n- Download a [wallet](https://gist.github.com/mariano-aguero/c2e7d15f77ddc3f35df5e8b21efb5f31) with some tokens.\n\nTo use a DApp, you can always download wallets from [Tezos faucet](https://faucet.tzalpha.net/)). Note that the balance will be zero, and you will need to transfer some tokens as an [owner](https://gist.github.com/mariano-aguero/808d4d64a89e8fd673b9cd3cce629214) using the address|phk property of a JSON file.\n\n## Features\n\n- [Create React app](https://facebook.github.io/create-react-app)\n- [Prettier](https://prettier.io/) configured\n- [Husky](https://github.com/typicode/husky) hooks for Linting and Prettier-based code linting\n- Examples based on [taquito](https://github.com/ecadlabs/taquito)\n- Connection to a wallet previously downloaded from the [faucet](https://faucet.tzalpha.net/)\n- Token transfer and amount limit configuration in a LIGO [FA1.2](https://gitlab.com/tzip/tzip/-/blob/master/proposals/tzip-7/tzip-7.md) smart contract\n\n## Sections\n\n#### Home\n\u003cimg src=\"https://i.ibb.co/mvm2Pp8/Screenshot-20200519-150924.png\" width=\"600\"\u003e\n \n#### Modal \n\u003cimg src=\"https://i.ibb.co/mcXsBD1/Screenshot-20200519-150954.png\" width=\"600\"\u003e \n \n#### Operations \n\u003cimg src=\"https://i.ibb.co/jwxxHBS/Screenshot-20200605-094111.png\" width=\"600\"\u003e \n\n## State\n- [Connected Context](https://github.com/protofire/tezos-react-starter/blob/master/src/state/connected.context.tsx) provides a connected account and a service that communicates with a contract\n\n\n## Hooks\n- [useAccount](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useAccount.hook.ts) gets a connected account in an application\n- [useAccountAllowance](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useAccountAllowance.hook.ts) gets address allowance\n- [useAccountBalance](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useAccountBalance.hook.ts) gets an address balance\n- [useContracts](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useContracts.hook.ts) gets available services in an application\n- [useGasEstimation](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useGasEstimation.hook.ts) gets gasEstimation of a method defined in a contract\n- [useTokenInformation](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useTokenInformation.hook.ts) gets token information of a FA1.2 contract\n- [useOperationProgress](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useOperationProgress.hook.ts) get the progress of some transaction, is an estimate\n- [useOperations](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useOperations.hook.ts) gets available operations\n- [useTaquito](https://github.com/protofire/tezos-react-starter/blob/master/src/hooks/useTaquito.hook.ts) gets taquito instance\n\n## Services\n- [Token Contract](https://github.com/protofire/tezos-react-starter/blob/master/src/services/tokenContract.service.ts) a service that communicates with the contract.\n\n## Components\n- [Account](https://github.com/protofire/tezos-react-starter/blob/master/src/components/account.component.tsx) display wallet information\n- [AssetTezImage](https://github.com/protofire/tezos-react-starter/blob/master/src/components/assetTezImage.component.tsx) provides the Tezos logo\n- [BetterCallDev](https://github.com/protofire/tezos-react-starter/blob/master/src/components/betterCallDev.component.tsx) renders a link with a transaction to [Better Call Dev](https://better-call.dev/)\n- [GasEstimation](https://github.com/protofire/tezos-react-starter/blob/master/src/components/gasEstimation.component.tsx) provides an icon with information regarding the transaction\n- [LoadFaucet](https://github.com/protofire/tezos-react-starter/blob/master/src/components/loadFaucet.component.tsx) allows for importing the wallet's JSON file\n- [OperationProgress](https://github.com/protofire/tezos-react-starter/blob/master/src/components/operationProgress.component.tsx) progress bar related to some operation\n- [Operations](https://github.com/protofire/tezos-react-starter/blob/master/src/components/operations.component.tsx) display all the operations related to the contract\n\n## FA 1.2 Contract\nYou can access to the contract right [here](https://ide.ligolang.org/p/rUi98TfooS8_H_skgKj4wg)\n\n## TODO:\n\n- Add [TezBridge](https://www.tezbridge.com/)\n- Add more UI Components\n\n## Requirements\n\n- yarn\n  - Mac: `brew install yarn`\n  - Linux:  https://classic.yarnpkg.com/en/docs/install/#debian-stable\n  - Win: https://classic.yarnpkg.com/en/docs/install/#windows-stable\n\n## Optional tool\n\n- NVM (Node Version Manager)\n  - Mac \u0026 Linux: `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash` . For more info click [here](https://github.com/nvm-sh/nvm).\n  - Win: https://github.com/coreybutler/nvm-windows\n\n## Install\n    yarn install\n\n## Develop\n- Rename the `.env.example` to `.env`\n- Use `yarn start` in this project\n\n## Licensing\n[MIT](https://github.com/protofire/tezos-react-starter/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprotofire%2Ftezos-react-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprotofire%2Ftezos-react-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprotofire%2Ftezos-react-starter/lists"}