Interactive card details

Implementing real-time form validation was a significant learning experience. I discovered the importance of validating user input to ensure data accuracy and provide immediate feedback. Handling different input types, validation rules, and error messages challenged my problem-solving skills. Managing state within a React component was crucial for tracking input values, error states, and the confirmation status. I became more proficient in using React's useState hook to handle state updates and ensure proper rendering of components based on state changes. I discovered the significance of effective error handling in creating a seamless user experience. Designing error messages, highlighting problematic input fields, and allowing users to correct their mistakes improved the usability and reliability of the form. Building a responsive layout is where i am struggling the most. please give feedback on how i can improve my skills and writing codes according to best practises.