All comments

• 

  Travolgi 🍕• 31,500

  @denielden

  Submitted over 1 year ago

  Hi there! 😀

  This is my advanced solution for the Qr Code Component. This app generates Qr Code based on the url entered.

  Added features:

  • Light / dark mode theme switcher
  • Dark color customization
  • Font customization
  • Qr Code DenielDen profile link default on loading
  • Dynamically generating the Qr Code as you type the URL
  • Dynamically update the color and background of the Qr Code
  • Dynamically update the customized image of the Qr Code
  • Removes the custom image of the Qr Code
  • You can download the .png of the generated Qr Code

  Any feedback and advice are welcome!

  Happy coding 😁

  

  React QR Code Generator

  #react#accessibility

  3

  58

  8

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted over 1 year ago

  Impressive!!! DENIEL DEN 😀

  1

  This comment has received 1 replyShow
• 

  ExcuuseMoi• 30

  @ExcuuseMoi

  Submitted almost 2 years ago

  Please evaluate

  

  sass, rwd, flex

  1

  1

  0

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted almost 2 years ago

  hello there EXCUUSEMOI! I think you've done a pretty great job there. (thumbs up)

  I have noted the top and bottom light blue images are missing from your part of the image, I would suggest using before or after tag attributes to get them placed on the body of your code, using background color and background image may be of help too.

  thanks, happy coding :)

  0
• 

  Mohamed Hamdy Arafa• 60

  @MoHamdy94

  Submitted almost 2 years ago

  please feel free to comment i am still learning

  

  profile-card-component-main

  1

  1

  0

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted almost 2 years ago

  hello there! MOHAMED. you've done a pretty great job completing the challenge. (thumbs up)

  -> I'd like to add that you can use background-image, and background color to get both into one div setting or combine them with background: image then color; -> use HTML semantics such as main, footer, or nav to avoid accessibility errors and make it readable to others.

  thanks.

  Marked as helpful

  1
• 

  Daniel• 330

  @daniel-web-developer

  Submitted almost 2 years ago

  I don't know if the measurements are right, and the text size certainly isn't, but I liked the result. I think it looks similar enough and hopefully I can call it a success for a first project.

  

  QR code component

  2

  4

  0

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted almost 2 years ago

  it looks awesome, its like a twin to the original

  0
• 

  Emtiaz Ahmed• 220

  @emtiazahmed27

  Submitted almost 2 years ago

  Please do point my mistakes. Thank you all

  

  Coding bootcamp testimonials slider

  1

  2

  0

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted almost 2 years ago

  hi Emtiaz!

  the attention to detail is quite on point!

  nice!

  I can suggest

  1. Reduce the blockquote font to 500 of font-weight to match the original design.
  2. Change the box shadow from the buttons to the profile image.

  to reduce accecibility errors try putting all content on a main tag like <main> or <header> or <footer>

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Deva Mari• 120

  @Deva-Mari

  Submitted almost 2 years ago

  Couldn't quite figure out the correct box-shadow for the image... I currently have:

  .profile-img {
  box-shadow: 0px 30px 30px -10px $grayishBlue;
  }
  

  

  Coding bootcamp testimonials slider with React, TypeScript and Sass

  #react#typescript#sass/scss

  1

  4

  0

  

  Elida (moon pie)• 370

  @elidakirigo

  Posted almost 2 years ago

  i did box-shadow: 0px 25px 24px -10px rgba(132, 132, 132, 0.372);

  Marked as helpful

  0

  This comment has received 1 replyShow