{"id":24908875,"url":"https://github.com/ndenicolais/qr-code-generator","last_synced_at":"2026-05-05T17:31:31.819Z","repository":{"id":37744843,"uuid":"502848099","full_name":"ndenicolais/qr-code-generator","owner":"ndenicolais","description":"QR Code Generator based on React with the integration of React Router","archived":false,"fork":false,"pushed_at":"2022-06-23T14:11:31.000Z","size":335,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T00:46:13.004Z","etag":null,"topics":["qrcode","qrcode-generator","react","react-router"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ndenicolais.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}},"created_at":"2022-06-13T07:18:22.000Z","updated_at":"2022-06-16T07:12:01.000Z","dependencies_parsed_at":"2022-09-14T01:01:45.011Z","dependency_job_id":null,"html_url":"https://github.com/ndenicolais/qr-code-generator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ndenicolais/qr-code-generator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndenicolais%2Fqr-code-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndenicolais%2Fqr-code-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndenicolais%2Fqr-code-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndenicolais%2Fqr-code-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ndenicolais","download_url":"https://codeload.github.com/ndenicolais/qr-code-generator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ndenicolais%2Fqr-code-generator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32660159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["qrcode","qrcode-generator","react","react-router"],"created_at":"2025-02-02T02:34:10.526Z","updated_at":"2026-05-05T17:31:31.804Z","avatar_url":"https://github.com/ndenicolais.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# QR Code Generator\n\u003cimg src='public\\logo-192x192.png'\u003e\n\n\u003e \u003cb\u003eAuthor: Nicola De Nicolais\u003c/b\u003e\n\nThis code represents a simple QR Code Generator app based on React with the integration of React Router\n\n## 💻 Technologies used\n\n[\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg\" width=\"70\"\u003e](https://reactjs.org/)\n\nReact.js is a JavaScript library for creating user interfaces specific to single-page applications. It allows developers to create large web applications that can modify data without having to reload the page every time.\n\n[\u003cimg src=\"https://seeklogo.com/images/R/react-router-logo-AB5BFB638F-seeklogo.com.png\" width=\"80\"\u003e](https://reactrouter.com/)\n\nReact Router is a complete JavaScript routing library that allows you to manage paths within a web application using so-called dynamic routing. It allows navigation between sections of various components in React applications and allows you to change the URL of the browser while keeping the user interface synchronized with the URL.\n### Installation\n```\nnpm install react-router-dom\nyarn add react-router-dom\n```\n\n[\u003cimg src=\"https://i.pinimg.com/originals/32/35/bc/3235bc44e8c211feff005a043e1e2d0f.png\" width=\"80\"\u003e](https://www.npmjs.com/package/qrcode.react)\n\nA React component to generate QR codes for rendering to the DOM.\n\n### Installation\n```\nnpm install qrcode.react\nyarn add qrcode.react\n```\n\n## 🛠️ Installation Steps\n1) Clone this repository from GitHub\n```\ngit clone https://github.com/ndenicolais/qr-code-generator\n```\n\n2) Change the working directory\n```\ncd qr-code-generator-main\n```\n\n3) Install dependencies\n```\nnpm install\nyarn\n```\n\n4) Run the application in developer mode\n```\nnpm start\nyarn start\n```\n\n5) Open [http://localhost:3000](http://localhost:3000) to view the application in the browser\n\n## ⚙️ Customization\n\nCustomize the QR code's aspect according to your preferences by editing these parameters:\n\n📄 App.js in 📁 src\n\n|Parameter|Description|\n|-|-|\n|value\t\t    |type of value to input|\n|size\t\t    |size of QR code's image|\n|bgColor\t    |color of QR code's background|\n|fgColor\t    |color of QR code's symbol|\n|level      \t|level of error correction: (L\\M\\Q\\H)|\n|includeMargine |to include QR code's margin|","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndenicolais%2Fqr-code-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fndenicolais%2Fqr-code-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fndenicolais%2Fqr-code-generator/lists"}