{"id":19291785,"url":"https://github.com/hirosystems/stacks-billboard","last_synced_at":"2025-10-04T18:52:34.045Z","repository":{"id":66355257,"uuid":"459687138","full_name":"hirosystems/stacks-billboard","owner":"hirosystems","description":null,"archived":false,"fork":false,"pushed_at":"2022-10-12T09:38:01.000Z","size":756,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":18,"default_branch":"main","last_synced_at":"2025-07-04T05:13:49.997Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"stacks-billboard.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hirosystems.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-15T17:46:17.000Z","updated_at":"2022-11-09T13:59:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"bbc96b8a-015f-4b70-9619-eacfaab71853","html_url":"https://github.com/hirosystems/stacks-billboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hirosystems/stacks-billboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirosystems%2Fstacks-billboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirosystems%2Fstacks-billboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirosystems%2Fstacks-billboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirosystems%2Fstacks-billboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hirosystems","download_url":"https://codeload.github.com/hirosystems/stacks-billboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hirosystems%2Fstacks-billboard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265742932,"owners_count":23820937,"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":"2024-11-09T22:27:53.514Z","updated_at":"2025-10-04T18:52:28.948Z","avatar_url":"https://github.com/hirosystems.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Stacks Billboard\n\nThis project is an example full-stack application that uses Clarity smart contracts, Stacks.js, and React to read values from the Stacks blockchain through the Stacks API. The project uses [Clarinet](https://github.com/hirosystems/clarinet) to run a local development environment, allowing you to test the frontend against a running Stacks blockchain without interacting with a public testnet.\n\n## Quick start\n\nMake sure you have the [dependencies](#dependencies) installed.\n\nClone this repository to your local machine and install dependencies:\n\n```sh\ngit clone https://github.com/pgray-hiro/stacks-billboard \u0026\u0026 cd stacks-billboard\nyarn install\n```\n\nTo run this app locally against the Clarinet DevNet, you'll need to have two terminal windows open (or use a virtual terminal like screen). With the repository cloned locally, in the first terminal run the following command from the root of the local repository:\n\n```sh\nclarinet integrate\n```\n\nNote that while you can run the frontend before the local DevNet is fully launched, the frontend will display an error message from the local API. You should wait until the `stacks-node`, `stacks-api`, and `bitcoin-node` containers all have a green status in the DevNet dashboard before launching the frontend.\n\n![Healthy DevNet demo](./public/devnet-healthy-demo.png)\n\nIn the second terminal, start the frontend by running the following commands from the root of the repo:\n\n```sh\nyarn run dev\n```\n\nIf the local DevNet is running, the React frontend will display the message `Hello, world!`.\n\n![Billboard demo](./public/billboard-demo.png)\n\n## Updating the message\n\nTo verify that the billboard is updating based on the state of the deployed contract, the script `update-message.js` can be used:\n\n```sh\nnode update-message.js \"My new message\" -k \u003csecret key\u003e\n```\n\nFill in `\u003csecret key\u003e` in the command with the kley for one of the accounts defined in settings/Devnet.toml.\n\n## Dependencies\n\nThis project has the following dependencies:\n\n- [Clarinet](https://github.com/hirosystems/clarinet)\n- [Docker](https://docs.docker.com/get-docker/)\n- Node.js\n- Yarn\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirosystems%2Fstacks-billboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhirosystems%2Fstacks-billboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhirosystems%2Fstacks-billboard/lists"}