{"id":22359140,"url":"https://github.com/eltonlazzarin/react-make-eth-payments","last_synced_at":"2026-04-18T04:32:17.648Z","repository":{"id":114818531,"uuid":"440707032","full_name":"eltonlazzarin/react-make-eth-payments","owner":"eltonlazzarin","description":"Make ETH payments using ReactJS and MetaMask","archived":false,"fork":false,"pushed_at":"2021-12-28T01:34:54.000Z","size":747,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T13:50:59.899Z","etag":null,"topics":["crytocurrency","ether","ether-payments","ethereum","ethereum-dapp","metamask","react","reactapplication","reactdapp","reactjs","reactproject","tailwindcss"],"latest_commit_sha":null,"homepage":"react-make-eth-payments.vercel.app","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/eltonlazzarin.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-12-22T02:16:31.000Z","updated_at":"2021-12-28T01:34:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"e37f76ed-4fbe-43ac-8d24-bbfc3f7c515b","html_url":"https://github.com/eltonlazzarin/react-make-eth-payments","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/eltonlazzarin/react-make-eth-payments","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Freact-make-eth-payments","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Freact-make-eth-payments/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Freact-make-eth-payments/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Freact-make-eth-payments/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eltonlazzarin","download_url":"https://codeload.github.com/eltonlazzarin/react-make-eth-payments/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eltonlazzarin%2Freact-make-eth-payments/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31956864,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["crytocurrency","ether","ether-payments","ethereum","ethereum-dapp","metamask","react","reactapplication","reactdapp","reactjs","reactproject","tailwindcss"],"created_at":"2024-12-04T15:19:43.048Z","updated_at":"2026-04-18T04:32:17.638Z","avatar_url":"https://github.com/eltonlazzarin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n\t\u003cimg alt=\"Swap logo\" src=\"https://github.com/eltonlazzarin/reactjs-uniswap-clone-interface/blob/main/readmeAssets/swapCoins.svg\" height=\"67px\" width=\"71px\" /\u003e\n\u003c/h1\u003e\n\n\u003ch3 align=\"center\"\u003e\n  Make ETH payments using ReactJS and MetaMask\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"GitHub top language\" src=\"https://img.shields.io/github/languages/top/eltonlazzarin/react-make-eth-payments\"\u003e\n\n  \u003cimg alt=\"GitHub language count\" src=\"https://img.shields.io/github/languages/count/eltonlazzarin/react-make-eth-payments\"\u003e\n\n  \u003cimg alt=\"GitHub last commit\" src=\"https://img.shields.io/github/last-commit/eltonlazzarin/react-make-eth-payments\"\u003e\n\n  \u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/github/issues/eltonlazzarin/react-make-eth-payments\"\u003e\n\n  \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/eltonlazzarin/react-make-eth-payments\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#-about-the-project\"\u003eAbout The Project\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-technologies\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-getting-started\"\u003eGetting Started\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-how-to-contribute\"\u003eHow To Contribute\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n## About the project\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/eltonlazzarin/react-make-eth-payments/blob/main/readmeAssets/makePaymentsDApp.gif\"\u003e\n\u003c/p\u003e\n\n\u003cp\u003eThis project was developed with ReactJS, being a DApp application (decentralized application) which aims to make payments in ETH on the Ethereum network via MetaMask digital wallet previously installed in your browser for another wallet.\n\nOnce the connection with your MetaMask wallet is established, it is possible to send ETH tokens over the network and, for that, simply enter the address, type the value and send.\n\nFor this project, Ganache was used, a tool that simulates the behavior of a fullclient (get / parity) through RPC functions. This way we can test our code faster, easier and without using real tokens.\u003c/p\u003e\n\n## 🚀 Technologies\n\nTechnologies that I used to develop this frontend app\n\n- [ReactJS](https://nodejs.org/en)\n- [Ethers](https://docs.ethers.io/v5/getting-started)\n- [VS Code](https://code.visualstudio.com) with [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) and [Prettier RC](https://github.com/prettier/prettier)\n\n## 💻 Getting started\n\n### Requirements\n\n- [Node.js](https://nodejs.org/en)\n- [Yarn](https://classic.yarnpkg.com/) or [npm](https://www.npmjs.com)\n- [MetaMask Browser Extension](https://metamask.io/download.html)\n- [Ganache](https://trufflesuite.com/ganache)\n\n**Clone the project and access the folder**\n\n```bash\n$ git clone https://github.com/eltonlazzarin/react-make-eth-payments.git\n\n$ cd react-make-eth-payments\n```\n\n**Configure Ganache and MetaMask**\n[See this tutorial](https://www.youtube.com/watch?v=nUEBAS5r4Og)\n\n**Follow the steps below**\n\n```bash\n# Install the dependencies\n$ yarn\n\n# Run the web app\n$ yarn start\n```\n\n## 🤔 How to contribute\n\n**Follow the steps below**\n\n```bash\n# Clone your fork\n$ git clone https://github.com/eltonlazzarin/react-make-eth-payments.git\n\n# Create a branch with your feature\n$ git checkout -b your-feature\n\n# Make the commit with your changes\n$ git commit -m 'feat: Your new feature'\n\n# Send the code to your remote branch\n$ git push origin your-feature\n```\n\nAfter your pull request is merged, you can delete your branch\n\n## 📝 License\n\nThis project is under the MIT license. See the [LICENSE](https://github.com/eltonlazzarin/react-make-eth-payments/blob/master/LICENSE) for more information.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feltonlazzarin%2Freact-make-eth-payments","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feltonlazzarin%2Freact-make-eth-payments","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feltonlazzarin%2Freact-make-eth-payments/lists"}