Added check for similar items using regex.

[MarcosPerez16]

Description

-First we passed in data as props to the ManageList component. After that we were able to use the data object to filter and grab items that matched a users input.
-Then we passed in a regex expression into the .replace method to check both spacing and characters in the data and users input. We used toLowerCase() to check for matching letters regardless of case.
-We filtered through the list to find any matches, and if the filtered list was > 0 users were alerted that the item exists and addItem would not execute.

Related Issue

closes #10

Acceptance Criteria

• Show an error message if the user tries to submit an empty item
• Show an error message if the user tries to submit a new item that is identical to an existing name. For instance, if the list contains apples and the user adds apples.
• Show an error message if the user tries to submit a new item that matches an existing name with punctuation and casing normalized. For instance, if the list contains apples and the user adds aPples or apples, or a pples.
• The user’s original input is saved in the database

Type of Changes

-enhancement

Updates

-Alert with a pop-up if a similar item exists.

Testing Steps / QA Criteria

1. Add new item that already exists on your list
2. Alert will pop-up saying item already exists and in firebase dateCreated should not update.
3. Test for spaces in between and characters: aPples or apples, or a pples.

[github-actions]

Visit the preview URL for this PR (updated for commit 9edd71e):

https://tcl-76-smart-shopping-list--pr27-mp-sm-check-for-exis-0yfpi088.web.app

_{(expires Mon, 23 Sep 2024 21:56:16 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 512b1a88be8ae05fd3e727b99332819df760271d}

[arandel1]

nit-pick / non-blocking: From a UX perspective, I think the alert message could be cleaner: maybe just "a similar item is already on your list" or "A similar item is already on your list: Do you still want to add "bagel"?" The second suggestion requires another confirmation.

[arandel1]

nit-pick / non-blocking: I had "bagels" on my list, and was able to add "bagel".

[EmmaBin]

I love the implementation of regex! Just to add to what Allison is suggesting, if I already have 'apple' in the list, ' Applessss' can still be added to the list.

[sar-mko]

nit-pick / non-blocking: From a UX perspective, I think the alert message could be cleaner: maybe just "a similar item is already on your list" or "A similar item is already on your list: Do you still want to add "bagel"?" The second suggestion requires another confirmation.

This could be cool! I think this could be a good option having a second suggestion. Could make it easier to do this for now before a check for plural strings.

[arandel1]

Nice! The UX message looks great. I was still able to add "bagel" and "agel" when I already had "bagels" on my list.

[mentalcaries]

Looks good so far. I do like the prompt that warns about similar items and leaves it to the user if to add it.
Perhaps for the case of an exact match you can alert the user that the item is already on the list?

Also I had the same issue as @arandel1 in that if a plural version of an item existed, the app would still lit me add a singular form

[mindyzwan]

Looks great, well done! 🎉