{"id":28985589,"url":"https://github.com/rhdeck/ic-azle-react-template","last_synced_at":"2025-07-03T15:34:05.939Z","repository":{"id":104234069,"uuid":"505207784","full_name":"rhdeck/ic-azle-react-template","owner":"rhdeck","description":"Template for front-to-back IC project in Typescript","archived":false,"fork":false,"pushed_at":"2022-06-20T04:30:35.000Z","size":2708,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T22:24:56.601Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/rhdeck.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-19T20:03:29.000Z","updated_at":"2024-01-12T18:19:37.000Z","dependencies_parsed_at":"2023-07-29T05:01:55.774Z","dependency_job_id":null,"html_url":"https://github.com/rhdeck/ic-azle-react-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/rhdeck/ic-azle-react-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rhdeck%2Fic-azle-react-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rhdeck%2Fic-azle-react-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rhdeck%2Fic-azle-react-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rhdeck%2Fic-azle-react-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rhdeck","download_url":"https://codeload.github.com/rhdeck/ic-azle-react-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rhdeck%2Fic-azle-react-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261744848,"owners_count":23203283,"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-06-24T19:40:18.193Z","updated_at":"2025-06-24T19:40:18.998Z","avatar_url":"https://github.com/rhdeck.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ic-azle-react-ts-template\n Template for front-to-back IC project in Typescript\n\n## Prerequisites\n\n1. DFX\n2. Rust\n3. cmake (often on macos)\n\n### DFX\nInstall the DFX client:\n```bash\nsh -ci \"$(curl -fsSL https://sdk.dfinity.org/install.sh)\"\n```\n\n### Rust (Rustup)\nHere's a simple way to install Rust\n```bash\ncurl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh\n```\n\n### Cmake\nOn our machines, we needed to install cmake as well. We did this using homebrew on macos:\n\n```bash\nbrew install cmake\n```\n\n## Installation\nWe are fans of the `yarn` package manager and will reference it for the purpose of this tutorial.\n```bash\nyarn\n```\nThat's it - your dependent `node_modules` get installed across the whole system. \n\n## Try it out\n\nFirst, make sure `dfx` is running from the context of this repository directory, ideally in its own terminal window\n```bash\ndfx start\n```\n\nFirst, launch the backend\n```bash\nyarn rebuild:backend\nyarn deploy:local backend\n```\n\nSecond, you can start the frontend using the React hot server\n```bash\nyarn start\n```\n\n## Managing frontend\n\nManage the react dependencies and setup in the `/react` subdirectory. Typescript source files are in the `react/src` subdirectory.\n\n## Managing backend\n\nThe backend is written in TS to introduce one to [Azle](https://github.com/demergentlabs/azle). Walk through the code and the Azle documentation to get a sense of how it works. \n\n\n## Thank you\n\nWe are grateful to the DFINITY foundation, the SUPERNOVA hackathon, helpful people on the DFINITY dev discord, and especially to Jordan Last for getting us through some of the tough parts of making our project work on IC and on Azle. We hope this template makes that journey easier for you too! \n\nHappy building! ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frhdeck%2Fic-azle-react-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frhdeck%2Fic-azle-react-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frhdeck%2Fic-azle-react-template/lists"}