{"id":19483582,"url":"https://github.com/librity/create_react_mine","last_synced_at":"2026-05-08T06:18:42.349Z","repository":{"id":99702671,"uuid":"408591204","full_name":"librity/create_react_mine","owner":"librity","description":"A blockchain and Proof of Work mining simulator made with NextJS and Typescript.","archived":false,"fork":false,"pushed_at":"2022-02-25T11:00:40.000Z","size":1665,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-08T07:39:35.180Z","etag":null,"topics":["blockchain","mining","nextjs","proof-of-work","reactjs","simulator","typescript"],"latest_commit_sha":null,"homepage":"https://create-react-mine.vercel.app","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/librity.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":"2021-09-20T20:29:54.000Z","updated_at":"2022-05-24T13:25:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"b00a6cb6-785a-4da1-b38d-9b5c75959765","html_url":"https://github.com/librity/create_react_mine","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/librity%2Fcreate_react_mine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/librity%2Fcreate_react_mine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/librity%2Fcreate_react_mine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/librity%2Fcreate_react_mine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/librity","download_url":"https://codeload.github.com/librity/create_react_mine/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240718943,"owners_count":19846482,"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":["blockchain","mining","nextjs","proof-of-work","reactjs","simulator","typescript"],"created_at":"2024-11-10T20:15:37.967Z","updated_at":"2025-11-19T06:03:59.910Z","avatar_url":"https://github.com/librity.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Create React Mine](https://create-react-mine.vercel.app/)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\".github/usage.png\"\u003e\n\u003c/p\u003e\n\n## Table of Contents\n\n- [About](#about)\n- [Getting Started](#getting_started)\n- [Usage](#usage)\n- [Packages](#packages)\n- [Docs](#docs)\n- [Resources](#resources)\n\n## About \u003ca name = \"about\"\u003e\u003c/a\u003e\n\nA Proof of Work mining simulator made with Typescript and Next.js.\nBased on [Nomad Coder's implementation](https://mining-simulator.netlify.app/).\nIt uses the same Block Header structure\n[as Bitcoin](https://en.bitcoin.it/wiki/Block_hashing_algorithm).\n\n- [Production App](https://create-react-mine.vercel.app/)\n- [Figma](https://www.figma.com/file/d4ZQuLT7CVqr161wB1yAzX/Create-React-Mine?node-id=0%3A1)\n\n## Getting Started \u003ca name = \"getting_started\"\u003e\u003c/a\u003e\n\n### Prerequisites\n\n- `node \u003e= 14.0.0`\n\n### Installation\n\n1. Clone this repo locally and install the required packages:\n\n```bash\n$ git clone https://github.com/librity/create_react_mine.git\n$ cd create_react_mine\n$ npm install\n```\n\n2. Start a dev server:\n\n```bash\n$ npm run dev\n```\n\n3. Open http://localhost:3000 on your web browser.\n\n#### Format\n\nFormat all source files with Prettier:\n\n```bash\n$ npm run format\n```\n\n## Usage \u003ca name = \"usage\"\u003e\u003c/a\u003e\n\nYou can change the block's `data`, `difficulty` and `nonce`.\nYou can also mine it automatically.\nIt takes a while for any difficulty higher than 4.\n\n## Packages \u003ca name = \"packages\"\u003e\u003c/a\u003e\n\n- https://github.com/nvm-sh/nvm\n- https://github.com/brix/crypto-js\n- https://prettier.io/docs/en/configuration.html\n- https://github.com/tailwindlabs/tailwindcss\n- https://github.com/react-hook-form/react-hook-form\n- https://github.com/fkhadra/react-toastify\n\n## Docs \u003ca name = \"docs\"\u003e\u003c/a\u003e\n\n- [React.js](https://reactjs.org/docs/getting-started.html)\n- [Next.js](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Create React App](https://create-react-app.dev/docs/getting-started)\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n- [Vercel deployment](https://nextjs.org/docs/deployment)\n- [Tailwind CSS Framework](https://tailwindcss.com/docs/guides/nextjs)\n\n## Resources \u003ca name = \"resources\"\u003e\u003c/a\u003e\n\n### NPM\n\n- https://josipmisko.com/posts/how-to-update-npm-packages-in-4-easy-steps\n- https://muffinman.io/blog/nvm-updating-npm/\n\n### Javascript\n\n- https://www.w3docs.com/snippets/javascript/how-to-convert-object-to-string.html\n- https://stackoverflow.com/questions/8353272/private-vs-protected-visibility-good-practice-concern\n- https://stackoverflow.com/questions/32647215/declaring-static-constants-in-es6-classes\n- https://stackoverflow.com/questions/34112577/javascript-for-loop-how-to-make-it-repeat-forever\n- https://www.delftstack.com/howto/javascript/javascript-convert-timestamp-to-date/\n\n### Typescript\n\n- https://wesleygrimes.com/angular/2019/02/14/how-to-use-tslint-to-autoremove-all-unused-imports-in-a-typescript-project.html\n- https://nextjs.org/docs/advanced-features/module-path-aliases\n- https://www.carlrippon.com/when-to-use-type-aliases-v-interfaces/\n\n### React\n\n- https://reactjs.org/docs/lists-and-keys.html#keys\n- https://stackoverflow.com/questions/40032592/typescript-workaround-for-rest-props-in-react\n- https://stackoverflow.com/questions/40676343/typescript-input-onchange-event-target-value\n- https://stackoverflow.com/questions/53688899/typescript-and-react-children-type\n- https://stackoverflow.com/questions/57424821/typescript-extend-react-component-props-for-styled-component-element\n- https://stackoverflow.com/questions/8896327/jquery-wait-delay-1-second-without-executing-code\n- https://stackoverflow.com/questions/58812323/how-to-run-a-while-loop-in-a-react-component-while-this-state-x\n- https://stackoverflow.com/questions/65473043/how-to-break-a-loop-onclick-reactjs\n- https://stackoverflow.com/questions/53070970/infinite-loop-in-useeffect\n- https://dmitripavlutin.com/dont-overuse-react-usecallback/\n- https://openbase.com/categories/js/best-react-forms-libraries\n- https://reactjs.org/docs/forms.html\n\n### HTML\n\n- https://www.w3schools.com/Tags/att_button_disabled.asp\n\n### CSS\n\n- https://flexbox.malven.co/\n- https://webdesign.tutsplus.com/tutorials/a-comprehensive-guide-to-flexbox-sizing--cms-31948\n- https://stackoverflow.com/questions/37300614/how-to-adapt-a-flex-divs-width-to-content\n- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax\n\n### CSS Frameworks\n\n- https://github.com/tailwindlabs/tailwindcss\n- https://github.com/mui-org/material-ui-x\n- https://github.com/system-ui/theme-ui\n- https://github.com/twbs/bootstrap\n\n### Bitcoin\n\n- https://en.bitcoin.it/wiki/Block_hashing_algorithm\n\n### Open Graph Meta Tags\n\n- https://stackoverflow.com/questions/10042786/how-to-successfully-implement-ogimage-for-the-linkedin\n- https://ahrefs.com/blog/open-graph-meta-tags/\n- https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fcreate-react-mine.vercel.app%2F\n- https://www.linkedin.com/pulse/how-clear-linkedin-link-preview-cache-ananda-kannan-p/\n- https://kinsta.com/blog/linkedin-debugger/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flibrity%2Fcreate_react_mine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flibrity%2Fcreate_react_mine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flibrity%2Fcreate_react_mine/lists"}