QR Code Component using Nextjs & TypeScript with a small animation

Community feedback

• 

  Alex Li•400

  @awexliPosted almost 3 years ago

  Something to think about... When trying to scan something with a phone, a moving QR Code might not be the best user experience.

  But I understand that you were practicing and having some fun with animations, and it doesn't move fast enough to make a difference anyway :-)

  0

  ---

  

  Nafsuki•245

  @NafsukiPosted over 2 years ago

  @awexli You're so right! hahaha I'm gonna consider the user experience for the next project! Thank you very much for your kind feedback😊✨

  1
• 

  Naveen Gumaste•10,480

  @NaveenGumastePosted almost 3 years ago

  Hay ! Good Job you made it look nearly perfect to the preview

  These below mentioned tricks will help you remove any Accessibility Issues

  -> Add Main tag after body like it should be your container

  -> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc

  -> But use header tag only once in main heading element.

  Keep up the good work!

  0

  ---

  

  Nafsuki•245

  @NafsukiPosted over 2 years ago

  @Crazimonk Thank you very much for your kind feedback😊✨

  1
• 

  Medjahdi Islem•275

  @IslemMedjahdiPosted almost 3 years ago

  Good job, I have some remarks. always make the height: 100 vh. and if you want more practice . you can use a code QR library installed using npm or yarn that generate a QR code for an input.

  0

  ---

  

  Nafsuki•245

  @NafsukiPosted over 2 years ago

  @IslemMedjahdi Thank you for your advice😊✨ I'll do that & will try QR library next time!

  0