QR code generator solution

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Continued development
• Author

Overview

This is a Qr code generator frontend project in which you can generate your own Qr by entering URL or text.

Links

• Live Site URL: (https://64c0e02abe5fb6000809b348--qr-code-generator-01.netlify.app/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Javascript
• Qr code API

What I learned

I learned some javascript codes how to set and get their values. I learned about CSS cool shake animation and how to set their keyframes.

@keyframes shake{ 0%{ transform:translateX(0); } 25%{ transform: translateX(-2px); } 50%{ transform: translateX(0); } 75%{ transform: translateX(2px); } 100%{ transform: translateX(0); } }

Continued development

From now-onwards i focus on backend and learn new things and i also deep down in API and AWS technology.

• Example resource 1 - This helped me for learning new stuff and focus more in development side. I really liked this community and will use it going forward.

Author

• Github - vermaaman0502
• Frontend Mentor - @Vermaaman0502
• Twitter - @AmanVer0514