covid-certificate-pwa
angular-material-theming-system-complete-guide
Our great sponsors
covid-certificate-pwa | angular-material-theming-system-complete-guide | |
---|---|---|
1 | 2 | |
1 | 24 | |
- | - | |
0.0 | 2.8 | |
over 2 years ago | 20 days ago | |
SCSS | SCSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
covid-certificate-pwa
-
Show HN: A Simple PWA to Store EU Covid Certificates
I received my second shot at the beginning of July when the EU Digital Covid Certificate was put in place. Following that, I got my QR Code and since then I have been looking to store it conveniently on my smartphone.
TousAntiCovid, the official French application, was released back when we had to rely only on contact tracing to slow the spread of coronavirus. It asks for a lot of permissions, beginning with bluetooth (and geolocation), but also to be put in the exceptions of the battery optimization, to be running in the background... Even if it's open source and available on f-droid it requires way too much just to store QR codes.
Having worked with Angular recently for work, I created this little PWA to scan my DCC and show it whenever asked, now that it's required for a lot of activities here. Free of customer requirements, I tried to respect my own ideas: self-hosting capability, no server-side part necessary, no tracking from third-parties scripts.
Funny thing is that it's most probably the first side project I consider completely finished and I'm happy with its current state.
Source code is MIT-licensed, and available here: https://github.com/bchanudet/covid-certificate-pwa
I had limited time and access to iOS devices for testing, any feedback on those devices is appreciated.
angular-material-theming-system-complete-guide
-
InDepth Guide for Customizing Angular Material Button
Note that we have only included button-theme and progress-spinner-theme, because in our demo we only use those 2 components. You can also use all-component-theme mixin to add all components’ themes, but it will increase the size of the final output style. For a more detailed understanding, please refer to the article “Angular Material Theming System: Complete Guide”.
-
Angular Material Theming System: Complete Guide
The project which we created in this article is available on GitHub repo at angular-material-theming-system-complete-guide.
What are some alternatives?
greenpass-covid19-qrcode-decoder - An easy tool for decoding Green Pass Covid-19 QrCode
materia-theme - A Material Design theme for GNOME/GTK based desktop environments
covidpass.eu - Scan your vaccination, test and recovery certificates in QR code representation and save them to your Apple Wallet
Discord_Theme - 🎨 A discord theme that changes your CSS style
Contrast-Bootstrap-Angular - Bootstrap Angular Elegant UI Kit and reusable components for building mobile-first, responsive websites and web apps.
material - Modern material design framework
components - Component infrastructure and Material Design components for Angular
indepth-theming-material-components - In this series, I will write about creating and applying Custom Theme to different Angular Material Components.
mdb-ui-kit - Bootstrap 5 & Material Design UI KIT