GithubHelp home page GithubHelp logo

hitansh-thakur / react-text-utils Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 230 KB

Using React FrameWork to bulid a dynamic single page Text Utils App

HTML 9.93% CSS 4.86% JavaScript 85.21%
reactjs

react-text-utils's Introduction

Text Utils App

Text Utils App is a simple web application built using React and Bootstrap that provides various text utilities to users. The app allows users to perform different operations on text such as converting text case, removing extra spaces, counting characters, and more.

Features

  • Convert text to uppercase or lowercase
  • Remove extra spaces from text
  • Count number of words and characters in text
  • Copy text to clipboard
  • Preview changes in real-time

Installation and Setup

To run the application, you need to have Node.js and npm installed on your machine. Then, follow these steps:

  1. Clone the repository or download the zip file
  2. Open the terminal and navigate to the project directory
  3. Install the dependencies using npm install
  4. Start the development server using npm start

The application should now be running on http://localhost:3000.

NOTE : This assumes that you have already set up your development environment for React. If you haven't, please refer to the official React documentation for instructions on how to do so.

Usage

Once the application is running, users can simply input their text in the text area provided and choose the desired operation from the options provided. The app will perform the selected operation in real-time and show the results on the screen. Users can then copy the modified text to the clipboard using the "Copy" button provided.

Technologies Used

  • React: JavaScript library for building user interfaces
  • Bootstrap: CSS framework for building responsive web applications

Contributing

Contributions are welcome and encouraged. To contribute, please follow these steps:

  1. Fork the repository
  2. Create a new branch for your changes
  3. Make your changes and commit them
  4. Push your changes to your fork
  5. Create a pull request to merge your changes into the main branch

Please ensure that your code follows the existing style and conventions, and that all tests pass before submitting your pull request.

Screenshots

Working image of the website

Text Utils App


Footer

Author

Hitansh Thakur

Date: 16-05-2023

react-text-utils's People

Contributors

hitansh-thakur avatar

Stargazers

 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.