Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

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/)