Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/johnnygerard/fem-qr-code-component

QR code component
https://github.com/johnnygerard/fem-qr-code-component

angular frontend-mentor sass

Last synced: about 1 month ago
JSON representation

QR code component

Host: GitHub
URL: https://github.com/johnnygerard/fem-qr-code-component
Owner: johnnygerard
License: mit
Created: 2024-04-03T00:18:11.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-04-05T17:24:07.000Z (10 months ago)
Last Synced: 2024-04-15T10:28:28.133Z (9 months ago)
Topics: angular, frontend-mentor, sass
Language: TypeScript
Homepage: https://fem-qr-code-component-jgerard.vercel.app
Size: 425 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Awesome Lists containing this project

README

        # Frontend Mentor | QR code component

This is my solution to the [QR code component challenge](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H) from [Frontend Mentor](https://www.frontendmentor.io/).

[![project status](https://img.shields.io/badge/status-solution%20published-success?style=for-the-badge)](https://www.frontendmentor.io/solutions/qr-code-component-QWw2EaIc5d)

## Tech Stack

- Angular 17

- Sass

## Main Features

- [ImageKit](https://imagekit.io/) CDN

- [NgOptimizedImage](https://angular.dev/api/common/NgOptimizedImage) with placeholder

- [Angular i18n](https://angular.dev/guide/i18n) with [Vercel Edge Middleware](https://vercel.com/docs/functions/edge-middleware) (visit [French version](https://fem-qr-code-component-jgerard.vercel.app/fr-BE))

- Standalone components

- Bash automation (see [PR #1](../../pull/1))

- [GitHub Actions](.github/workflows):

  - Vercel deployments

  - CodeQL analysis

## Developer Tools

- VS Code

- Figma

- GitHub Copilot

## Links

- [Website](https://fem-qr-code-component-jgerard.vercel.app) hosted with [Vercel](https://vercel.com/)

- [Solution](https://www.frontendmentor.io/solutions/qr-code-component-QWw2EaIc5d)

## Screenshots

### Mobile

![mobile screenshot](screenshots/mobile.avif)

## About Frontend Mentor

[Frontend Mentor](https://www.frontendmentor.io/) challenges help you improve your coding skills by building realistic projects.

## Copyright

© 2024 Johnny Gérard