{"id":13604983,"url":"https://github.com/truffle-box/drizzle-box","last_synced_at":"2025-04-12T02:32:32.670Z","repository":{"id":29366233,"uuid":"112545098","full_name":"truffle-box/drizzle-box","owner":"truffle-box","description":"This box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes drizzle, drizzle-react and drizzle-react-components to give you a complete overview of Drizzle's capabilities.","archived":true,"fork":false,"pushed_at":"2023-02-03T03:03:35.000Z","size":2899,"stargazers_count":311,"open_issues_count":10,"forks_count":71,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-09-22T03:18:24.461Z","etag":null,"topics":["drizzle","react","redux"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/truffle-box.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":"2017-11-30T00:45:58.000Z","updated_at":"2024-09-22T02:30:16.000Z","dependencies_parsed_at":"2023-02-18T02:40:17.402Z","dependency_job_id":null,"html_url":"https://github.com/truffle-box/drizzle-box","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/truffle-box%2Fdrizzle-box","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/truffle-box%2Fdrizzle-box/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/truffle-box%2Fdrizzle-box/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/truffle-box%2Fdrizzle-box/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/truffle-box","download_url":"https://codeload.github.com/truffle-box/drizzle-box/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223489711,"owners_count":17153810,"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":["drizzle","react","redux"],"created_at":"2024-08-01T19:00:53.365Z","updated_at":"2024-11-07T09:31:22.373Z","avatar_url":"https://github.com/truffle-box.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Roadmap","Dapps development"],"sub_categories":["React / Redux"],"readme":"# Drizzle Truffle Box\n\nThis box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes `drizzle`, `drizzle-react` and `drizzle-react-components` to give you a complete overview of Drizzle's capabilities.\n\n## Installation\n\nFirst ensure you are in a new and empty directory.\n\n1. Run the `unbox` command via `npx` and skip to step 3. This will install all necessary dependencies. A Create-React-App is generated in the `app` directory.\n   ```js\n   npx truffle unbox drizzle\n   ```\n\n2. Alternatively, you can install Truffle globally and run the `unbox` command.\n    ```javascript\n    npm install -g truffle\n    truffle unbox drizzle\n    ```\n\n3. Run the development console.\n    ```javascript\n    truffle develop\n    ```\n\n4. Compile and migrate the smart contracts. Note inside the development console we don't preface commands with `truffle`.\n    ```javascript\n    compile\n    migrate\n    ```\n\n5. In the `app` directory, we run the React app. Smart contract changes must be manually recompiled and migrated.\n    ```javascript\n    // in another terminal (i.e. not in the truffle develop prompt)\n    cd app\n    npm run start\n    ```\n\n6. Truffle can run tests written in Solidity or JavaScript against your smart contracts. Note the command varies slightly if you're in or outside of the development console.\n    ```javascript\n    // inside the development console\n    test\n\n    // outside the development console\n    truffle test\n    ```\n\n7. Jest is included for testing React components. Compile your contracts before running Jest, or you may receive some file not found errors.\n    ```javascript\n    // ensure you are inside the app directory when running this\n    npm run test\n    ```\n\n8. To build the application for production, use the build script. A production build will be in the `app/build` folder.\n    ```javascript\n    // ensure you are inside the app directory when running this\n    npm run build\n    ```\n\n## FAQ\n\n* __Where do I find more information about Drizzle?__\n\n    Check out our [documentation](http://trufflesuite.com/docs/drizzle/quickstart) or any of the three repositories ([`drizzle`](https://github.com/trufflesuite/drizzle), [`drizzle-react`](https://github.com/trufflesuite/drizzle-react), [`drizzle-react-components`](https://github.com/trufflesuite/drizzle-react-components)).\n\n* __Where is my production build?__\n\n    The production build will be in the `app/build` folder after running `npm run build` in the `app` folder.\n\n* __Where can I find more documentation?__\n\n    This box is a marriage of [Truffle](http://truffleframework.com/) and a React setup created with [create-react-app](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md). Either one would be a great place to start!\n\n* __How does the provider work in this box?__\n\n   This box uses a custom provider, which does not interact with MetaMask. Keep an eye on this space, as this will be updated once Drizzle can sync up with MetaMask. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftruffle-box%2Fdrizzle-box","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftruffle-box%2Fdrizzle-box","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftruffle-box%2Fdrizzle-box/lists"}