TextUtils is a simple yet powerful React-based web application that allows users to efficiently analyze and manipulate text. The application provides features such as text conversion, case transformation, word/character counting, extra space removal, and dark mode.
✅ Convert text to UPPERCASE & lowercase
✅ Remove extra spaces from text
✅ Copy text to clipboard
✅ Word & Character Counter
✅ Text Preview for real-time visualization
✅ Dark Mode Support
✅ Live alerts for user actions
The project is built using the following technologies:
- Frontend: React.js, JavaScript, Bootstrap
- State Management: React Hooks (useState)
- Styling: CSS, Bootstrap
- Version Control: Git & GitHub
- Package Manager: npm
git clone https://github.com/your-username/textutils.git cd textutils npm install npm startThis will start the development server, and you can access the app at:
http://localhost:3000/
1️⃣ Enter the text you want to analyze in the text area.
2️⃣ Click on "Convert to Uppercase" or "Convert to Lowercase" as needed.
3️⃣ Click "Remove Extra Spaces" to clean the text.
4️⃣ Use "Copy to Clipboard" to copy text quickly.
5️⃣ Dark Mode toggle for better visibility.
- Optimized State Management: Uses
useStateefficiently to update UI without unnecessary re-renders. - Minimalist UI & Fast Execution: React ensures a smooth and responsive interface.
- Bootstrap for Styling: Provides a clean, modern, and mobile-friendly layout.
- Dark Mode Support: Reduces eye strain and enhances usability.
1️⃣ Fork the repository
2️⃣ Create a new branch (git checkout -b feature-branch)
3️⃣ Make your changes & commit (git commit -m "Added new feature")
4️⃣ Push to GitHub (git push origin feature-branch)
5️⃣ Open
find the screenshots of my project pages here:-
in light mode
In Dark mode
