https://github.com/gahbr/frontendmentor-qrcode
https://github.com/gahbr/frontendmentor-qrcode
css eslint react reactjs typescript
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gahbr/frontendmentor-qrcode
- Owner: Gahbr
- Created: 2023-08-27T17:40:01.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-27T18:14:24.000Z (almost 2 years ago)
- Last Synced: 2024-12-29T14:51:53.832Z (5 months ago)
- Topics: css, eslint, react, reactjs, typescript
- Language: CSS
- Homepage: https://frontendmentor-qrcode-app.netlify.app/
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Front-end Mentor
[Link to the front end mentor challenge.](https://www.frontendmentor.io/solutions/qrcode-KTQcpamPyQ)
## Brief
Your challenge is to build out this QR code component and get it looking as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
Download the starter code and go through the README.md file. This will provide further details about the project. The style-guide.md file is where you'll find colors, fonts, etc.
Want some support on the challenge? Join our community and ask questions in the help channel.
## Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level `parserOptions` property like this:
```js
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
```
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list