Skip to content
Submitted almost 2 years ago

Credit card with React/Javascript

Leonardo Antezana•100
@LeonardoAntezana
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hola! Dejo mi solucion, estoy haciendo mis primeras practicas de React(luego de un curso de 2 meses) , cualquier consejo sera bienvenido y bien recibido. Saludos

Hello! I leave my solution, I am doing my first React practices (after a 2-month course), any advice will be welcome and well received. Regards (translated with google)

Community feedback

  • S MD suleman•3,530
    @sulemaan7070Posted almost 2 years ago

    hey Leonardo Antezana😄, here are a few tips to improve your site!!

    1.cursor:auto on input fields. add shadow to the CARD images.

    2.Instead of an invalid field message below every input field you can give different validation messages for each input field ...like invalid text,Numbers only.,

    3.I see you have placed a validation on the year input field from 23 to 30 when I tried to enter the 77 year and pressed continue I was getting Wrong fields and I don't know the year input text was causing that.. You can add some validation message in case when year is <23 and >30.

    hope it helps happy coding🔥🔥💯

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord