Interactive Card Details Form
A responsive form project that validates input data and updates card details or errors in real-time.
Date2025
RoleFrontend Developer
- Fill in the form and see the card details update in real-time
- Receive error messages when inputs are empty or invalid
- Responsive layout for different devices
- Hover, active, and focus states for interactive elements
Used React state to sync form inputs with the card preview and Zod + TypeScript for validation logic.
- Vite
- React
- JavaScript
- Tailwind
- Zod