TextUtils is a simple and responsive web application built with React.js that provides useful text manipulation tools. You can convert text to uppercase/lowercase, remove extra spaces, copy to clipboard, and get instant word/character count β all in a fast, user-friendly interface.
Live Demo π https://saabik.netlify.app
- π Convert text to UPPERCASE or lowercase
- π§Ή Remove extra spaces
- π Copy text to clipboard
- π Word and character counter
- π‘ Light/Dark mode toggle
- π» Responsive design using Bootstrap
- React.js
- React Bootstrap
- JavaScript
- CSS
To run the app locally:
git clone https://github.com/sabik-ahmd/textutils.git
cd textutils
npm install
npm start
Open your browser and go to http://localhost:3000
π Folder Structure
textutils/
βββ public/
βββ src/
β βββ components/
β βββ App.js
β βββ index.js
β βββ ...
βββ .gitignore
βββ README.md
βββ package.json
βββ ...
π§ͺ Available Scripts
npm start
Runs the app in development mode.
npm test
Launches the test runner.
npm run build
Builds the app for production.
npm run eject
Removes the single build dependency and copies all configs.
π Deployment Options
You can deploy this React app using:
Netlify
GitHub Pages
Vercel
π¨βπ» Author
Sabik Ahmad
π§ Email: sabik.mh@gmail.com
π GitHub: @sabik-ahmd
π License
This project is licensed under the MIT License.
β
Usage
Enter or paste your text in the textbox.
Use any of the provided buttons to transform or analyze your text.
Switch between light/dark modes for better readability.