https://github.com/dipeshdimi/text-utility-application
🔧📝 Text Utility Application built with React & Bootstrap5
https://github.com/dipeshdimi/text-utility-application
api bootstrap5 react-js
Last synced: 2 months ago
JSON representation
🔧📝 Text Utility Application built with React & Bootstrap5
- Host: GitHub
- URL: https://github.com/dipeshdimi/text-utility-application
- Owner: dipeshdimi
- Created: 2024-01-29T01:03:37.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-09T20:14:42.000Z (over 2 years ago)
- Last Synced: 2025-01-26T15:17:31.913Z (over 1 year ago)
- Topics: api, bootstrap5, react-js
- Language: JavaScript
- Homepage: https://text-utility-application.vercel.app
- Size: 214 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Text Utility Web App | [Live Demo](https://text-utility-application-2oaa1cm9u-dipeshdimis-projects.vercel.app/)
Welcome to the Text Utility Web App! This web application is built using React.js and comes with a range of text utility features to enhance your text processing experience.
## Features
- ### Dark Mode
Dark Mode functionality to enrich user interaction and reduce eye strain. This feature is integrated into the UI using Bootstrap 5.
- ### Text Utility Features
- **Uppercase Conversion:** Convert text to uppercase.
- **Lowercase Conversion:** Convert text to lowercase.
- **Remove Extra Spaces:** Remove additional spaces from the text.
- **Text Reversal:** Reverse the order of characters in the text.
- **Copy to Clipboard:** Copy the processed text to the clipboard.
- **Clear Text:** Clear the input area to start afresh.
- **Read Aloud:** Enable voice dictation to have the text read aloud.
- ### Responsive Design
The Text Utility Web App is built with a responsive design using Bootstrap 5. This ensures a seamless and consistent user experience across various devices and screen sizes.
## Technologies Used
- **React.js:** The app is developed using React.js, ensuring a fast and interactive user interface.
- **Bootstrap 5:** Styling and layout are done using Bootstrap 5.
- **Clipboard API:** Copy to Clipboard feature is achieved using the Clipboard API.
- **Speech Synthesis API:** The Read Aloud feature leverages the Speech Synthesis API for voice dictation.
## Getting Started
To get started with the Text Utility Web App, follow these steps:
1. Clone the repository: `git clone https://github.com/dipeshdimi/Text-Utility-Application.git`
2. Install dependencies: `npm install`
3. Start the development server: `npm start`
4. Open your browser and navigate to `http://localhost:3000`
## Contributing
If you'd like to contribute to the project, feel free to submit a pull request. Make sure to follow the established coding guidelines and document any changes made.
## License
This project is licensed under the [MIT License](LICENSE.md) - see the [LICENSE.md](LICENSE.md) file for details.