IBAN Validator

A professional IBAN validation web application built with React + TypeScript.

Features

• ISO 13616 compliant validation (MOD-97 checksum)
• 75+ countries supported
• Automatic country detection with flag
• Real-time validation while typing
• Validation history (last 8 checks)
• Copy to clipboard
• 4 themes: Light, Dark, Banking Green, Liquid Glass
• Bilingual: Deutsch / English (i18n)
• Fully responsive — Mobile First
• LocalStorage persistence (theme, language, history)

Tech Stack

• React 18 + TypeScript
• Vite
• CSS custom properties (no CSS framework)

Getting Started

npm install
npm run dev

Build

npm run build

Project Structure

src/
  components/       React components
  hooks/            Custom hooks
  utils/            IBAN validation logic
  i18n/             Translations
  types/            TypeScript types
  styles/           Global CSS

API Integration

The validation logic is isolated in src/utils/ibanValidator.ts — ready to be replaced or supplemented with a Python/FastAPI backend call.

Example endpoint swap in src/hooks/useIbanValidator.ts:

const res = await fetch('/api/validate', {
  method: 'POST',
  body: JSON.stringify({ iban }),
})

made by ruslan with love❤️.