TextMann is a React-based text utility web app designed to help users perform quick and simple text transformations. It allows converting text to alternating case, copying text, changing case (uppercase/lowercase), removing extra spaces, counting words and characters, and previewing the final result instantly.
I also added multiple themes to make it visually appealing and fun to use.
The goal behind this project was to strengthen my understanding of React fundamentals, including state management, props, and component interaction.
Even though this project looks simple, it represents consistent learning, debugging, and effort. Every small feature was built with attention and patience.
- Convert text to uppercase and lowercase
- Remove extra spaces
- Alternate text
- Copy to clipboard
- Calculate read time per word
- Reverse text
- Word and character count
- Multiple colored theme modes
- Real-time text preview
- Frontend: ReactJS
- Styling: Bootstrap
- Hosting: DigitalOcean as well as Vercel
-
Clone the repository
git clone https://github.com/futuremango/Text-Func-via-React.git
-
Install dependencies
npm install
-
Start the project
npm start
-
Open [http://localhost:3000] in your browser.
http://localhost:3000
The Romysa Siddiqui A learner who believes in building with purpose, clarity, and faith. Each line of code written here reflects a step forward in my journey as a developer.
Visit the live site here:
http://159.65.157.100/textmann/