https://github.com/somnathkar000/text-editor

A simple text editor built with React that allows users to enter and manipulate text in various ways. Features include converting text to lower or uppercase, undo and redo functionality, clearing the text field, and removing extra spaces. Users can also view the formatted text in real-time as they type.
https://github.com/somnathkar000/text-editor

bootstrap react-hooks reactjs

Last synced: 3 months ago
JSON representation

A simple text editor built with React that allows users to enter and manipulate text in various ways. Features include converting text to lower or uppercase, undo and redo functionality, clearing the text field, and removing extra spaces. Users can also view the formatted text in real-time as they type.

• Host: GitHub
• URL: https://github.com/somnathkar000/text-editor
• Owner: SomnathKar000
• Created: 2022-08-28T15:31:06.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-06-08T09:39:34.000Z (about 2 years ago)
• Last Synced: 2024-06-08T10:45:28.388Z (about 2 years ago)
• Topics: bootstrap, react-hooks, reactjs
• Language: JavaScript
• Homepage: https://texteditor-by-somnath.netlify.app
• Size: 962 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Text Editor

A simple text editor built with React that allows users to enter and manipulate text in various ways.

## Home page

![Home Page](https://github-production-user-asset-6210df.s3.amazonaws.com/108184610/245686671-2ec37396-8576-4814-9734-36dd9bb6d98a.png)

## Features

- Convert text to lower or uppercase

- Undo and redo functionality

- Clear the text field

- Remove extra spaces

- Real-time formatting preview

## Demo

Check out the live demo of the website: [Text-editor Website](https://texteditor-by-somnath.netlify.app/)

## Installation

1. Clone the repository: `git clone https://github.com/SomnathKar000/Text-editor.git`

2. Navigate to the project directory: `cd Text-sditor`

3. Install the dependencies: `npm install`

## Usage

1. Start the development server: `npm start`

2. Open your browser and visit [http://localhost:3000](http://localhost:3000).

3. Enter text in the editor and use the available features to manipulate it.

## Contributing

Contributions are welcome! If you have any ideas or suggestions to improve this project, feel free to open an issue or submit a pull request.

## Contact

For more information or questions, feel free to reach out:

- Email: somnathkar2023@gmail.com

- LinkedIn: [Somnath Kar](https://www.linkedin.com/in/somnath-kar-aa73aa1a3)

- GitHub: [SomnathKar000](https://github.com/SomnathKar000)