TextUtils is a React-based text utility application that provides simple and useful tools for analyzing and transforming text. It allows users to quickly modify text, count words and characters, and manage their content through an easy-to-use interface.
- 🔠 Convert text to UPPERCASE
- 🔡 Convert text to lowercase
- 🧹 Clear text with one click
- 📋 Copy text to clipboard
- 🔢 Count words and characters
- ⏱️ Estimate reading time
- 👀 Preview text while editing
- 📱 Responsive user interface
- ⚡ Fast and simple text processing
- React.js
- JavaScript
- HTML5
- CSS3
- Bootstrap
TextUtils/ ├── public/ │ ├── index.html │ ├── favicon.ico │ ├── logo.png │ └── manifest.json │ ├── src/ │ ├── components/ │ │ ├── About.js │ │ ├── Navbar.js │ │ └── TextForm.js │ │ │ ├── App.js │ ├── App.css │ └── index.js │ ├── .gitignore ├── package.json ├── package-lock.json └── README.md
Follow these steps to run the project locally.
git clone https://github.com/srinilaya08/TextUtils.gitcd TextUtilsnpm installnpm startThe application will run locally at:
http://localhost:3000
Through this project, I practiced:
- Building web applications using React.js
- Creating reusable React components
- Managing application state
- Handling user input
- Performing text manipulation using JavaScript
- Working with event handlers
- Using React props
- Designing responsive interfaces with Bootstrap
- Structuring a React project
- Deploying a React application using Vercel
- Managing source code using Git and GitHub
- 🌙 Add dark and light mode
- ✨ Add more text formatting options
- 📥 Add download/export functionality
- 📊 Add additional text analysis tools
- 🎨 Improve UI customization
- ♿ Improve accessibility
- 🔍 Add advanced text search and replace functionality
Srinilaya
GitHub: @srinilaya08
If you find this project useful or interesting, consider giving the repository a ⭐ on GitHub.