Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stephenombuya/palindrome-checker
This project is a simple Palindrome Checker web application. It allows users to input text and check if the text is a palindrome (a word, phrase, number, or other sequence of characters that reads the same forward and backward, ignoring spaces, punctuation, and capitalization).
https://github.com/stephenombuya/palindrome-checker
css3 html5 javascript
Last synced: about 1 month ago
JSON representation
This project is a simple Palindrome Checker web application. It allows users to input text and check if the text is a palindrome (a word, phrase, number, or other sequence of characters that reads the same forward and backward, ignoring spaces, punctuation, and capitalization).
- Host: GitHub
- URL: https://github.com/stephenombuya/palindrome-checker
- Owner: stephenombuya
- License: mit
- Created: 2024-10-21T14:32:18.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-21T14:40:03.000Z (2 months ago)
- Last Synced: 2024-10-22T00:18:38.106Z (2 months ago)
- Topics: css3, html5, javascript
- Language: CSS
- Homepage:
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **Palindrome Checker**
This project is a simple **Palindrome Checker** web application. It allows users to input text and check if the text is a palindrome (a word, phrase, number, or other sequence of characters that reads the same forward and backward, ignoring spaces, punctuation, and capitalization).
## **Features**
- **Input validation**: Alerts the user if the input field is empty.
- **Palindrome detection**: Checks if the input text is a palindrome, ignoring spaces, punctuation, and letter casing.
- **Real-time feedback**: Displays whether the entered text is a palindrome or not below the input field.
## **Technologies Used**
- **HTML5**: Provides the structure for the web page.
- **CSS3**: Styles the elements of the page to make it visually appealing.
- **JavaScript**: Adds interactivity by checking whether the input text is a palindrome.
## **Project Structure**
```
palindrome-checker/
│
├── index.html # Main HTML file containing the structure
├── styles.css # External CSS file for styling the application
└── script.js # JavaScript file to add functionality to the app
```
### **How to Use**
1. Clone the repository:
```
git clone https://github.com/stephenombuya/Palindrome-Checker
```
2. Navigate to the project folder:
```
cd palindrome-checker
```
3. Open the index.html file in your web browser.
- Enter any text in the input field and click the "Check Palindrome" button to check if the text is a palindrome.
### **Example Cases**
- Input: A → Output: A is a palindrome
- Input: eye → Output: eye is a palindrome
- Input: not a palindrome → Output: not a palindrome is not a palindrome
- Input: A man, a plan, a canal. Panama → Output: A man, a plan, a canal. Panama is a palindrome
### **License**
This project is licensed under the MIT License. See the [LICENSE](https://github.com/stephenombuya/Palindrome-Checker/blob/main/LICENSE) file for details.