2FA Code Input

A user-friendly, animated interface for entering a 6-digit 2FA code. Developed to demonstrate proficiency in Svelte, animations, and reactive programming.

Features

• Interactive Input:

  • Six input fields with automatic focus movement.
  • Arrow key navigation and paste support.

• Validation:

  • Real-time code validation with success/error animations.

• Animations:

  • Modern flying underscore and vibration effects.

• Responsive Design:

  • Mobile-first and optimized for various screens.

Technologies

• Frontend: Svelte
• CSS: TailwindCSS
• JavaScript: For interactivity
• Icons: Icons8

Setup

1. Clone the Repo:

   git clone https://github.com/pratapmaharana/2fa-sveltekit.git
   cd 2fa-sveltekit
   

2. Install Dependencies:

   npm install
   

3. Run the Development Server:

   npm run dev
   

4. Build for Production:

   npm run build
   

5. Preview the Production Build:

   npm run preview
   

   Correct Code

   628593