Skip to content

The application supports dark and light modes and provides functionalities such as converting text to lowercase or uppercase, copying text, removing extra spaces, and reversing the text. It also displays the number of words and characters in the entered text and provides options to preview the analyzed text.

Notifications You must be signed in to change notification settings

Shimbhu77/Word-Counter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Word Counter

# React Text Transformation App

<!-- ![Preview](preview.png) -->

This is a React app built with React and Bootstrap that allows users to perform various text transformations and analyze text statistics. 
The app supports dark and light modes and provides features such as converting text to lowercase and uppercase, copying text, removing extra spaces,
reversing text, and displaying word and character counts. Users can enter text to analyze and view statistics such as reading time.
The app is deployed on Netlify.

## Features

- Dark and light modes for a personalized viewing experience.
- Text transformation options:
  - Convert text to lowercase and uppercase.
  - Remove extra spaces from the text.
  - Reverse the order of characters in the text.
  - Copy the transformed text to the clipboard.
- Text analysis:
  - Display the word count and character count of the entered text.
  - Estimate the reading time based on the word count.
- Preview options:
  - View a live preview of the entered text.
- Responsive design:
  - The app is designed to work well on different screen sizes and devices.

## Technologies Used

- HTML: The standard markup language for creating web pages.
- CSS: The style sheet language used for styling HTML elements.
- JavaScript: The programming language used to add interactivity and functionality to web pages.
- React: A JavaScript library for building user interfaces.
- Bootstrap: A popular CSS framework for creating responsive and mobile-first web applications.


## Usage

1. Clone the repository:

```shell
git clone [Github](https://github.com/Shimbhu77/Word-Counter.git)
  1. Install dependencies:
npm install
  1. Run the app:
npm start
  1. Open your browser and visit http://localhost:3000 to see the app in action.

Deployment

The app is deployed on Netlify. You can access it at: Netlify

About

The application supports dark and light modes and provides functionalities such as converting text to lowercase or uppercase, copying text, removing extra spaces, and reversing the text. It also displays the number of words and characters in the entered text and provides options to preview the analyzed text.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published