{"id":16074952,"url":"https://github.com/skyv26/qrcode-component","last_synced_at":"2026-04-30T01:31:14.245Z","repository":{"id":103821216,"uuid":"450507464","full_name":"skyv26/QrCode-Component","owner":"skyv26","description":"Frontend Mentor challenge undertaken to learn web development using vanilla JS. Professional and innovative QR code card component, generating dynamic QR codes for efficient employee identification and access. Developed with vanilla JS, showcasing technical expertise and ability to create a secure and user-friendly QR card component for streamlined","archived":false,"fork":false,"pushed_at":"2023-06-14T18:53:51.000Z","size":151,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T10:41:56.589Z","etag":null,"topics":["css3","github","github-pages","html","html5","responsive-design"],"latest_commit_sha":null,"homepage":"https://skyv26.github.io/QrCode-Component/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skyv26.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":"2022-01-21T13:43:55.000Z","updated_at":"2023-06-14T18:56:17.000Z","dependencies_parsed_at":"2024-10-31T02:34:02.145Z","dependency_job_id":null,"html_url":"https://github.com/skyv26/QrCode-Component","commit_stats":{"total_commits":40,"total_committers":1,"mean_commits":40.0,"dds":0.0,"last_synced_commit":"7a8f0d8accb51734d359cd54c128e8278f2eff3c"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/skyv26/QrCode-Component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyv26%2FQrCode-Component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyv26%2FQrCode-Component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyv26%2FQrCode-Component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyv26%2FQrCode-Component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skyv26","download_url":"https://codeload.github.com/skyv26/QrCode-Component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyv26%2FQrCode-Component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32451136,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"ssl_error","status_checked_at":"2026-04-29T22:10:49.234Z","response_time":110,"last_error":"SSL_read: 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":["css3","github","github-pages","html","html5","responsive-design"],"created_at":"2024-10-09T09:01:29.048Z","updated_at":"2026-04-30T01:31:14.220Z","avatar_url":"https://github.com/skyv26.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --\u003e\n  \u003cimg src=\"./images/screenshot.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eQR Code Component\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Usage](#usage)\n  - [Deployment](#deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 QR Code Component \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**QR code component** is a vanilla js application built with HTML5, CSS3 using flexbox to learn web development.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Semantic HTML5 markup**\n- **CSS custom properties**\n- **Flexbox**\n- **Mobile-first workflow**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Project](https://skyv26.github.io/QrCode-Component/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n```\nTo do this challenge, you need a basic understanding of HTML, CSS and JavaScript.\n```\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  cd DESIRED_FOLDER\n  git clone https://github.com/skyv26/QrCode-Component.git\n```\n### Usage\n\n```\nPlease use the VSCode and with the help of live\nserver extension run it directly.\n```\n\n### Deployment\n\n```\nYou can deploy this project using gh-pages or other platforms like vercel.\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Aakash Verma**\n\n- GitHub: [@skyv26](https://github.com/skyv26)\n- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)\n- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)\n- Frontend Mentor: [@skyv26](https://www.frontendmentor.io/profile/skyv26)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **Add more breakpoints to make it responsive**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, please support me by giving a star.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank [Frontend Mentor](https://www.frontendmentor.io) \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskyv26%2Fqrcode-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskyv26%2Fqrcode-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskyv26%2Fqrcode-component/lists"}