Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akshitvadodariya1201/textutils-react

TextUtils is a versatile text manipulation tool built with React. It offers functionalities like word counting, character counting, converting text to uppercase or lowercase, and removing extra spaces.
https://github.com/akshitvadodariya1201/textutils-react

bootstrap5 css3 html5 javascript reactjs

Last synced: 6 days ago
JSON representation

Host: GitHub
URL: https://github.com/akshitvadodariya1201/textutils-react
Owner: AkshitVadodariya1201
Created: 2024-06-25T10:30:01.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-07-17T05:58:55.000Z (6 months ago)
Last Synced: 2024-11-09T15:30:18.614Z (2 months ago)
Topics: bootstrap5, css3, html5, javascript, reactjs
Language: JavaScript
Homepage: https://akshitvadodariya1201.github.io/TextUtils-React/
Size: 1.65 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# TextUtils - React Application

TextUtils is a versatile text manipulation tool built with React. It offers functionalities like word counting, character counting, converting text to uppercase or lowercase, and removing extra spaces. This application provides a user-friendly interface for performing various text manipulations efficiently.

## Features

- **Word Counter**: Counts the number of words in the provided text.
- **Character Counter**: Counts the number of characters in the text.
- **Uppercase to Lowercase**: Converts all the text from uppercase to lowercase.
- **Lowercase to Uppercase**: Converts all the text from lowercase to uppercase.
- **Remove Extra Spaces**: Removes any extra spaces found within the text.

## Technology Stack

- **Frontend**: React.js
- **Styling**: Bootstrap 5

## Project Structure

The project follows a standard React application structure, created using Create React App. Here's an overview of the main directories and files:

- `public/`: Contains the HTML file and other assets that will be publicly served.
- `src/`: Contains the React components and CSS files.
- `components/`: Contains reusable React components like `Navbar`, `Alert`, and `TextForm`.
- `App.js`: The main React component that renders the application.
- `index.js`: The entry point for the React application.
- `build/`: Contains the production build of the application.
- `package.json`: Defines the project dependencies and scripts.

## Setup and Installation

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Install the dependencies:

```sh
npm install
```

4. Start the development server:

```sh
npm run start
```

5. Open [http://localhost:3000](http://localhost:3000) to view the application in your browser.