Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chegudev/qr-code-component-project
Design from frontendmentor.io site
https://github.com/chegudev/qr-code-component-project
components css3 fixed frontend-mentor html5 refactor
Last synced: 9 days ago
JSON representation
Design from frontendmentor.io site
- Host: GitHub
- URL: https://github.com/chegudev/qr-code-component-project
- Owner: chegudev
- Created: 2023-09-19T15:45:47.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-05-18T21:03:42.000Z (6 months ago)
- Last Synced: 2024-05-18T22:21:45.263Z (6 months ago)
- Topics: components, css3, fixed, frontend-mentor, html5, refactor
- Language: CSS
- Homepage: https://chegudev.github.io/QR-Code-Component-Project/
- Size: 44.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - QR code component solution
This is a solution to the [QR code component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Overview](#overview)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Why did I code the project again ?](#why-did-i-code-the-project-again-)
- [Author](#author)## Overview
### New
![](./assets/newQRcode.png)
### Old
![](./assets/oldQRcode.gif)
### Links
- [Live Page](https://chegudev.github.io/QR-Code-Component-Project/)
- [Solution](https://www.frontendmentor.io/solutions/responsive-qr-code-component-in-html5-and-css3-mOrn8s6NM1)
- [Repository](https://github.com/chegudev/QR-Code-Component-Project.git)
## My process### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flex-box### Why did I code the project again ?
Well, the first time I coded this project, I actually didn't know much about HTML/CSS.
The presence of unnecessary files, excess in the appearance of the page, and the lack of standard structuring,
It made me decide to rebuild the project.I realized that in order to show my creativity as a front-end developer, I don't necessarily need to add different and weird designs to the project; Rather, what can make me different from others in this profession is the use of tricks and tips that can have a positive effect on the way of structuring and even improving the efficiency of the project.
## Author
- Frontend Mentor - [@chegudev](https://www.frontendmentor.io/profile/chegudev)
- Github - [chegudev](https://github.com/chegudev)
- Linkedin - [Zahra Ehsani](https://www.linkedin.com/in/zahraehsani/)