Three Level Image Password Authentication

In the modern digital era, securing user accounts is of utmost importance. The Three Level Image Password Authentication system is designed to provide enhanced security by requiring users to pass through three distinct layers of image-based authentication. This method offers a more secure alternative to traditional text-based passwords, making it harder for attackers to gain unauthorized access.

System Overview

The Three Level Image Password Authentication system includes the following levels:

• Level 1: Image Selection: Users select a specific image from a grid as their first level password.
• Level 2: Image Grid Matching: Users identify their chosen image from a larger grid, ensuring they remember their selection.
• Level 3: Sequential Image Order: Users select a sequence of images in the correct order, adding an extra layer of security.

System Design

To implement the Three Level Image Password Authentication system, follow these steps:

1. Level 1: Image Selection

   In the first level, users are presented with a grid of images (e.g., 3x3 or 4x4) and must select one image as their password. This image will be stored securely and used for future authentication.

   
                           let selectedImage = null;
   
                           function selectImage(image) {
                               selectedImage = image;
                               console.log("Selected image:", selectedImage);
                           }
                       

2. Level 2: Image Grid Matching

   In the second level, users are presented with a larger grid of images, including their selected image from Level 1. They must correctly identify and select their image from the grid.

   
                               function matchImage(selectedImage, clickedImage) {
                                   if (selectedImage === clickedImage) {
                                       console.log("Image matched!");
                                   } else {
                                       console.log("Image did not match.");
                                   }
                               }
                       

3. Level 3: Sequential Image Order

   In the final level, users must select a sequence of images in the correct order. This sequence adds an additional layer of security, making it more difficult for unauthorized users to gain access.

   
                               let imageSequence = [];
                               let userSequence = [];
   
                               function selectSequenceImage(image) {
                                   userSequence.push(image);
                                   if (userSequence.length === imageSequence.length) {
                                       if (arraysEqual(userSequence, imageSequence)) {
                                           console.log("Sequence matched!");
                                       } else {
                                           console.log("Sequence did not match.");
                                       }
                                   }
                               }
   
                               function arraysEqual(arr1, arr2) {
                                   return JSON.stringify(arr1) === JSON.stringify(arr2);
                               }