https://github.com/derektypist/swapping-case
Transforms all the lower case letters to uppercase and all the uppercase letters to lowercase. If the character is not a letter, leave it as it is. For example, Hello World becomes hELLO wORLD.
https://github.com/derektypist/swapping-case
bootstrap css3 html5 javascript jquery
Last synced: 2 months ago
JSON representation
Transforms all the lower case letters to uppercase and all the uppercase letters to lowercase. If the character is not a letter, leave it as it is. For example, Hello World becomes hELLO wORLD.
- Host: GitHub
- URL: https://github.com/derektypist/swapping-case
- Owner: derektypist
- Created: 2025-10-23T12:45:54.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-10-23T13:49:34.000Z (8 months ago)
- Last Synced: 2025-10-30T19:37:19.988Z (8 months ago)
- Topics: bootstrap, css3, html5, javascript, jquery
- Language: HTML
- Homepage: https://derektypist.github.io/swapping-case/
- Size: 1.1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Swapping Case
Transforms all the lower case letters to uppercase and all the uppercase letters to lowercase. If the character is not a letter, leave it as it is. For example, Hello World becomes hELLO wORLD.
## UX
**Getting Started**
In the input field, enter text (e.g. Hello World). As you key in, you will see the original string as well as the string after swapping cases.
**User Stories**
- As a user, if I enter text in the input field, I expect to see the original string as well as the string after swapping cases
- As a user, if I click on the Clear Button, the results will be empty
## Features
Allows the user to enter text, e.g. Hello World. Displays the original string as well as the string after swapping cases.
## Techologies
Uses HTML5, CSS3, JavaScript, Bootstrap 5.3.2 and jQuery 3.7.1.
## Testing
In the terminal, enter the command `python3 -m http.server` to preview.
**Validator Testing**
- HTML
- No errors were found through the official [W3C Validator](https://validator.w3.org/nu/?doc=https%3A%2F%2Fderektypist.github.io%2Fswapping-case)
- CSS
- No errors were found when passing through the official [(Jigsaw) Validator](https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fderektypist.github.io%2Fswapping-case%2Fcss%2Fstyle.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en)
- Link Checker
- A report is available through the official [W3C Link Checker](https://validator.w3.org/checklink?uri=https%3A%2F%2Fderektypist.github.io%2Fswapping-case&hide_type=all&depth=&check=Check)
## Deployment
On [GitHub Pages](https://derektypist.github.io/swapping-case) at the main branch.
## Credits
### Acknowledgements
- [Code Signal](https://codesignal.com)