Check If Any Word or Phrase Is a Palindrome Check if a word or phrase is a palindrome (reads the same forwards and backwards).

The tool uses React's useState hook to store user input and useMemo to calculate the result only when the input changes. It normalizes the input by converting it to lowercase using the toLowerCase method and removing non-alphanumeric characters with a regular expression /[^a-z0-9]/g, which is executed by the replace method. The normalized string is then compared to its reverse, created by splitting the string into an array of characters with split, reversing the order of the array with reverse, and joining it back into a string with join. If the normalized string matches its reverse, the tool considers the text a palindrome.

The comparison is case-insensitive due to the use of toLowerCase, allowing users to input text in any case without affecting the result. The tool also splits the original input into words using a regular expression /\s+/ and checks each word individually for the palindrome property. It filters out words with a length of 1 or less to avoid considering single letters as palindromes. The results include the character count of the normalized comparison, which is obtained by accessing the length property of the normalized string.

The tool's user interface is built using React and JSX, with components like div, label, input, and span used to structure the content. It uses CSS classes like glass-input and text-sm to style the elements, creating a visually appealing and easy-to-use interface. When the tool finds palindrome words in the input, it displays them in a list using the map method to iterate over the array of palindrome words and create a span element for each word, highlighting them with a green background color and font.