Giter Club home page Giter Club logo

textutils's Introduction

TextUtils

TextUtils is a React-based web application designed to modify text in various ways. It provides a range of functionalities including converting text to uppercase or lowercase, copying text, clearing text, removing extra spaces, counting the number of words and characters, and showing the time required to read the text. Additionally, TextUtil features a theme toggle to switch between light and dark modes.

Features

  • Convert to Uppercase: Transform the input text to uppercase.
  • Convert to Lowercase: Transform the input text to lowercase.
  • Copy Text: Copy the input text to the clipboard.
  • Clear Text: Clear all the text from the input area.
  • Remove Extra Spaces: Remove any extra spaces from the input text.
  • Word and Character Count: Display the number of words and characters in the input text.
  • Reading Time: Estimate the time required to read the input text.
  • Text Preview: Display a preview of the input text.
  • Toggle Theme: Switch between light and dark modes for the application.

Installation

  1. Clone the repository:

    git clone https://github.com/adityas-github/Textutils.git
    cd Textutil
  2. Install dependencies:

    npm install
  3. Start the application:

    npm start

The application will run on http://localhost:3000 by default.

Usage

  1. Enter Text: Input the text you want to modify in the text area.
  2. Use Buttons: Click on the buttons provided to perform various operations like converting text to uppercase, lowercase, copying, clearing text, removing extra spaces, and more.
  3. View Stats: Check the word and character count, reading time, and preview of the text below the text area.
  4. Toggle Theme: Use the toggle switch in the navigation bar to switch between light and dark themes.

Components

  • Navbar: Contains the title of the application and the theme toggle switch.
  • TextForm: Main component for text input and displaying modification options.
  • Alert: Displays alert messages for actions performed (e.g., text copied, theme toggled).
  • About: Provides information about the application.

Contributing

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • Thanks to the creators of React and the open-source community for their invaluable contributions.

Contact

For any questions or suggestions, please reach out to me at [[email protected]].

textutils's People

Contributors

adityas-github avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.