{"id":22711071,"url":"https://github.com/khamisilawrence/quick-qr","last_synced_at":"2025-03-29T21:43:29.771Z","repository":{"id":183784809,"uuid":"670737045","full_name":"khamisilawrence/quick-qr","owner":"khamisilawrence","description":"QR code generator built using HTML, CSS, and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-01-16T20:02:52.000Z","size":264,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-10T12:13:50.230Z","etag":null,"topics":["javascript-qrcode-generator","qrcode-generator"],"latest_commit_sha":null,"homepage":"https://quick-qr-code-gen.netlify.app","language":"CSS","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/khamisilawrence.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-07-25T18:06:25.000Z","updated_at":"2024-01-16T20:05:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"b399fff4-b859-4c0b-9fc5-ab25fe948dd0","html_url":"https://github.com/khamisilawrence/quick-qr","commit_stats":null,"previous_names":["khamisilawrence/qr-code-generator","khamisilawrence/quick-qr"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khamisilawrence%2Fquick-qr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khamisilawrence%2Fquick-qr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khamisilawrence%2Fquick-qr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khamisilawrence%2Fquick-qr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khamisilawrence","download_url":"https://codeload.github.com/khamisilawrence/quick-qr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237205999,"owners_count":19271970,"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":["javascript-qrcode-generator","qrcode-generator"],"created_at":"2024-12-10T12:13:53.328Z","updated_at":"2025-02-04T22:26:31.097Z","avatar_url":"https://github.com/khamisilawrence.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [**Quick QR: Simple QR Code Generator**](https://quick-qr-code-gen.netlify.app/)\n\n![Screenshot of Quick QR Live Demo](assets/screenshots/screenshot-of-quickqr-live-demo.png)\n\nQR code generator built using HTML, CSS, and JavaScript.\n\n## Table of Contents\n\n- [Summary](#summary)\n- [Usage](#usage)\n- [Installation](#installation)\n- [Screenshots](#screenshots)\n- [Credits](#credits)\n\n## Summary\n\nA QR code generator that allows users to generate a QR code for either plain text or a valid URL. This project was completed with the aim of getting familiar with building a dynamic web application that renders content dependent on user input.\n\n## Usage\n\nTo generate a QR code:\n\n1. Navigate to the [live demo](https://quick-qr-code-gen.netlify.app/)\n\n2. Enter either text or a valid URL\n\n3. Click the `Generate QR Code` button\n\n## Installation\n\n1. Clone this repository to your local machine:\n\n   ```bash\n    git clone https://github.com/khamisilawrence/quick-qr.git\n   ```\n\n2. Navigate to repository:\n\n   ```bash\n    cd quick-qr\n   ```\n\n## Screenshots\n\n**Default Screen**\n![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-quickqr-website.png)\n\n**QR code generated using plain text**\n![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-text-qr-code.png)\n\n**QR code generated using a valid URL**\n![Screenshot of QR Code Generator](assets/screenshots/screenshot-of-url-qr-code.png)\n\n## Credits\n\n- This project was completed as practice in accordance with guidance provided by a [YouTube tutorial](https://youtu.be/g1j9rR-H1lk) uploaded by [GreatStack](https://www.youtube.com/@GreatStackDev) titled “How To Make Website Using HTML And CSS | Website Design With HTML And CSS”.\n- The API used in the project is the [QR Code Generator API](https://goqr.me/api/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhamisilawrence%2Fquick-qr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhamisilawrence%2Fquick-qr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhamisilawrence%2Fquick-qr/lists"}