https://github.com/web-dev-codi/palindrome-checker

FreeCodeCamps.org's Palindrom Project Challange
https://github.com/web-dev-codi/palindrome-checker

css freecodecamp-project html javascript palindrome-checker

Last synced: 11 months ago
JSON representation

FreeCodeCamps.org's Palindrom Project Challange

• Host: GitHub
• URL: https://github.com/web-dev-codi/palindrome-checker
• Owner: Web-Dev-Codi
• Created: 2024-01-14T17:33:35.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-24T09:46:49.000Z (over 2 years ago)
• Last Synced: 2024-01-24T19:23:54.524Z (over 2 years ago)
• Topics: css, freecodecamp-project, html, javascript, palindrome-checker
• Language: CSS
• Homepage: https://wdc-palindrome-checker.vercel.app/
• Size: 4.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#Build a Palindrome Checker

![A screenshot of Web-Dev-Codi's Palindrome Checker App](images/palindromesitepng.png)

A palindrome is a word or phrase that can be read the same way forwards and backwards, ignoring punctuation, case, and spacing.

Note: You'll need to remove all non-alphanumeric characters (punctuation, spaces and symbols) and turn everything into the same 

case (lower or upper case) in order to check for palindromes.

Objective: Build an app that is functionally similar to https://palindrome-checker.freecodecamp.rocks

Fulfill the user stories and pass all the tests below to complete this project. Give it your own personal style. Happy Coding!

Tests

**Requirement**: You should have an input element with an id of text-input.

**Requirement**: You should have a button element with an id of check-btn.

**Requirement**: You should have a div element with an id of result.

**Requirement**: When you click on the #check-btn element without entering a value into the #text-input element, 

an alert should appear with the text Please input a value.

**Requirement**: When the #text-input element only contains the letter A and the #check-btn element is clicked, 

the #result element should contain the text A is a palindrome.

**Requirement**: When the #text-input element contains the text eye and the #check-btn element is clicked, 

the #result element should contain the text eye is a palindrome.

**Requirement**: When the #text-input element contains the text \_eye and the #check-btn element is clicked, 

the #result element should contain the text \_eye is a palindrome.

**Requirement**: When the #text-input element contains the text race car and the #check-btn element is clicked, 

the #result element should contain the text race car is a palindrome.

**Requirement**: When the #text-input element contains the text not a palindrome and the #check-btn element is clicked, 

the #result element should contain the text not a palindrome is not a palindrome.

**Requirement**: When the #test-input element contains the text A man, a plan, a canal. Panama and the #check-btn element

is clicked, the #result element should contain the text A man, a plan, a canal. Panama is a palindrome.

**Requirement**: When the #text-input element contains the text never odd or even and the #check-btn element is clicked, 

the #result element should contain the text never odd or even is a palindrome.

**Requirement**: When the #text-input element contains the text nope and the #check-btn element is clicked, 

the #result element should contain the text nope is not a palindrome.

**Requirement**: When the #text-input element contains the text almostomla and the #check-btn element is clicked, 

the #result element should contain the text almostomla is not a palindrome.

**Requirement**: When the #text-input element contains the text My age is 0, 0 si ega ym. and the #check-btn element is clicked,

the #result element should contain the text My age is 0, 0 si ega ym. is a palindrome.

**Requirement**: When the #text-input element contains the text 1 eye for of 1 eye. and the #check-btn element is clicked, 

the #result element should contain the text 1 eye for of 1 eye. is not a palindrome.

**Requirement**: When the #text-input element contains the text 0_0 (: /-\ :) 0-0 and the #check-btn element is clicked, 

the #result element should contain the text 0_0 (: /-\ :) 0-0 is a palindrome.

**Requirement**: When the #text-input element contains the text five|\_/|four and the #check-btn element is clicked, 

the #result element should contain the text five|\_/|four is not a palindrome.