Skip to content

lwairore/angular-qr-code-scanner

Repository files navigation

Angular QR Code Scanner

Angular QR Code Scanner is a simple QR scanner that you can install as a PWA.

Angular QR Code Scanner is built with Ionic by simply relying on the web API and jsQR.

The jsQR package is used to read the image data of a stream (using an additional canvas) to grab any QR code that might be inside the image/frame.

Demo

https://qr-code-skanner.web.app/

This image displays Angular QR Code Scanner App in scanning a QR code

Built with

Reading resources

  • Ionic - An open source mobile UI toolkit for building high quality, cross-platform native and web app experiences. Move faster with a single code base, running everywhere with JavaScript and the Web.
  • Angular - Angular is a front-end web framework built by Google. It allows developers to build a single-page applications modeled around a model-view-controller (MVC) or model-view-viewmodel(MVVM) software architectural pattern. This architecture divides applications into different, but connected parts allowing for parallel development. Following this pattern, Angular splits its different components into the respective parts of a web application. Its components manage the data and logic that pertain to that component, display the data in its respective view, and adapts or controls the view based on the different messages that it receives from the rest of the app.
  • jsQRA pure javascript QR code reading library. This library takes in raw images and will locate, extract and parse any QR code found within.

Team

Karangu Lucas