https://github.com/skyv26/qrcode-component

Frontend Mentor challenge undertaken to learn web development using vanilla JS. Professional and innovative QR code card component, generating dynamic QR codes for efficient employee identification and access. Developed with vanilla JS, showcasing technical expertise and ability to create a secure and user-friendly QR card component for streamlined
https://github.com/skyv26/qrcode-component

css3 github github-pages html html5 responsive-design

Last synced: 25 days ago
JSON representation

Frontend Mentor challenge undertaken to learn web development using vanilla JS. Professional and innovative QR code card component, generating dynamic QR codes for efficient employee identification and access. Developed with vanilla JS, showcasing technical expertise and ability to create a secure and user-friendly QR card component for streamlined

• Host: GitHub
• URL: https://github.com/skyv26/qrcode-component
• Owner: skyv26
• License: other
• Created: 2022-01-21T13:43:55.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-14T18:53:51.000Z (almost 2 years ago)
• Last Synced: 2025-02-10T21:35:31.175Z (3 months ago)
• Topics: css3, github, github-pages, html, html5, responsive-design
• Language: CSS
• Homepage: https://skyv26.github.io/QrCode-Component/
• Size: 147 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

  

  


  
QR Code Component




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Usage](#usage)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 QR Code Component 

**QR code component** is a vanilla js application built with HTML5, CSS3 using flexbox to learn web development.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
HTML

    
CSS

  


### Key Features 

- **Semantic HTML5 markup**

- **CSS custom properties**

- **Flexbox**

- **Mobile-first workflow**

(back to top)


## 🚀 Live Demo 

- [Live Project](https://skyv26.github.io/QrCode-Component/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

```

To do this challenge, you need a basic understanding of HTML, CSS and JavaScript.

```

### Setup

Clone this repository to your desired folder:

```sh

  cd DESIRED_FOLDER

  git clone https://github.com/skyv26/QrCode-Component.git

```

### Usage

```

Please use the VSCode and with the help of live

server extension run it directly.

```

### Deployment

```

You can deploy this project using gh-pages or other platforms like vercel.

```

(back to top)


## 👥 Authors 

👤 **Aakash Verma**

- GitHub: [@skyv26](https://github.com/skyv26)

- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)

- Frontend Mentor: [@skyv26](https://www.frontendmentor.io/profile/skyv26)

(back to top)


## 🔭 Future Features 

- [ ] **Add more breakpoints to make it responsive**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project, please support me by giving a star.

(back to top)


## 🙏 Acknowledgments 

I would like to thank [Frontend Mentor](https://www.frontendmentor.io) 

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)