A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with React and TypeScript with full type safety and also fully responsive.
This project is using React.js with TypeScript, maintaining all the original functionality and styling while adding type safety and better developer experience.
- 💳 Automatic card type detection
- 🔒 Card number masking/unmasking
- ✨ Smooth animations and transitions
- 📱 Fully responsive design
- 🌍 Internationalization support (English, Portuguese, Turkish)
- ✅ Card validation using Luhn algorithm
- 🎨 Beautiful card animations
- 🔷 Full TypeScript support with type safety
- 🛠️ Modern React patterns with hooks
npm install
npm start
npm run build
npm test
npm run lint
- React 18
- TypeScript 4.9
- React i18next for internationalization
- SCSS for styling
- Create React App for build configuration
- Full type safety and IntelliSense support
Modern browsers (Chrome, Firefox, Safari, Edge)
This project is open source and available under the MIT License.