Interactive Card Details using Svelte, TypeScript, and Tailwind

Community feedback

• 

  Alberto Muñoz•120

  @AlbertooMunozzPosted over 1 year ago

  Hi, Fred Campo 😄

  Congratulations on your contribution to this platform and for being able to share your solution to this challenge. Your solution was incredible, and the implementation of your animations and responsiveness are excellent.

  Here are a few things I noticed:

  • input number : You should use padEnd(16, value) instead of padStart()`. This way, the generated numbers will appear at the end and not at the beginning, so the animation of your card on the screen will be from left to right. Control the input to only 16 characters to prevent the card from breaking

  • input expiration mm: Control that the input consists of numbers between 1 and 12 to ensure it is a valid date.

  These are some of my observations. I hope you can continue sharing your solutions

  Marked as helpful

  1

  ---

  

  Fred Campo•330

  @fredcampPosted over 1 year ago

  Hello @AlbertooMunozz,

  Good day!

  With regards to the ES7 String padding. I actually intended to use the padStart instead of padEnd 😆 but I appreciate your thoughts about it.. about the Expiration MM, yeah that's actually a really great suggestion.. I didn't think about that when I created the project. Thank you very much for the feedback. 🥰

  1