https://github.com/yashi-singh-1/palindrome-checker
A palindrome is a word or phrase that can be read the same way forwards and backwards, ignoring punctuation, case and spacing. This project is assigned by freeCodeCamp.
https://github.com/yashi-singh-1/palindrome-checker
css css3 freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project frontend frontend-development html html-css html-css-javascript html5 javascript javascript-project javascript-projects palindrome palindrome-checker web-development
Last synced: 4 months ago
JSON representation
A palindrome is a word or phrase that can be read the same way forwards and backwards, ignoring punctuation, case and spacing. This project is assigned by freeCodeCamp.
- Host: GitHub
- URL: https://github.com/yashi-singh-1/palindrome-checker
- Owner: Yashi-Singh-1
- Created: 2024-08-11T18:52:13.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T19:38:19.000Z (11 months ago)
- Last Synced: 2024-11-10T11:14:14.807Z (8 months ago)
- Topics: css, css3, freecodecamp, freecodecamp-challenge, freecodecamp-frontend, freecodecamp-project, frontend, frontend-development, html, html-css, html-css-javascript, html5, javascript, javascript-project, javascript-projects, palindrome, palindrome-checker, web-development
- Language: CSS
- Homepage:
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Palindrome Checker - FreeCodeCamp Project
This project is a solution to the Build a Palindrome Checker Project on FreeCodeCamp. The Project involves creating a web page that determines whether a given text is a palindrome, considering only alphanumeric characters and ignoring punctuation, case, and spacing.
## Table of Contents
- [Overview](#overview)
- [The Project](#the-Project)
- [Screenshot](#screenshot)
- [Links](#links)
- [My Process](#my-process)
- [Built With](#built-with)
- [What I Learned](#what-i-learned)
- [Continued Development](#continued-development)
- [Useful Resources](#useful-resources)
- [Contributing](#contributing)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
The goal of this Project is to build a web page that checks if a given input is a palindrome. A palindrome is a word or sentence that's spelled the same way forward and backward, ignoring punctuation, case, and spacing. The page features:
- An input field for users to enter text.
- A button to check if the input is a palindrome.
- A section to display the result.
## Screenshot
## Links
- [Live Demo: View the Palindrome Checker](https://codepen.io/Yashi-Singh/pen/qBzPbyZ)
## My Process
## Built With
- HTML5 for the structure and layout of the page.
- CSS3 for styling and responsive design.
- JavaScript (ES6) for implementing the palindrome checking logic and interacting with the DOM.
## What I Learned
Working on this project enhanced my understanding of:
- **String Manipulation**: Handling and transforming strings to check for palindromes.
- **DOM Manipulation**: Updating the DOM dynamically based on user input and processing results.
- **Event Handling**: Capturing user actions (clicks and key presses) to trigger functionality.
## Continued Development
Future improvements for this project may include:
- **Enhanced User Interface**: Refining the design for a more modern and user-friendly experience.
- **Additional Features**: Adding features like real-time validation or custom error messages.
- **Accessibility Improvements**: Ensuring the application is accessible to all users, including those using screen readers.
## Useful Resources
- [MDN Web Docs - String.prototype.replace](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace) - Documentation on replacing substrings and regular expressions.
- [MDN Web Docs - Array.prototype.reverse](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse) - Overview of the reverse method for arrays.
- [CSS Tricks - Styling Forms](https://css-tricks.com/almanac/properties/f/font-size/) - Guide on styling form elements and buttons.
## Contributing
We welcome contributions to the Palindrome Checker project! Please see our [CONTRIBUTING.md](CONTRIBUTING.md) file for guidelines on how to get involved.
## Author
- [LinkedIn - Yashi Singh](https://www.linkedin.com/in/yashi-singh)
## Acknowledgments
A big thank you to FreeCodeCamp for providing this Project, which allowed me to apply and improve my skills in JavaScript and web development. Special thanks to the community and resources that offered support and inspiration throughout the project.