https://github.com/05-jagritii/texttweak
TextTweak is a simple React-based web app that lets users analyze and edit text. It offers features like case conversion, space cleanup, and word or character counting, with support for light and dark modes.
https://github.com/05-jagritii/texttweak
bootstrap css dark-mode frontend html javascript light-mode react text-analysis text-editor utility-tool web-app
Last synced: 2 months ago
JSON representation
TextTweak is a simple React-based web app that lets users analyze and edit text. It offers features like case conversion, space cleanup, and word or character counting, with support for light and dark modes.
- Host: GitHub
- URL: https://github.com/05-jagritii/texttweak
- Owner: 05-Jagritii
- Created: 2025-06-08T17:57:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-12T12:01:46.000Z (about 1 year ago)
- Last Synced: 2025-06-20T05:05:28.925Z (12 months ago)
- Topics: bootstrap, css, dark-mode, frontend, html, javascript, light-mode, react, text-analysis, text-editor, utility-tool, web-app
- Language: JavaScript
- Homepage: https://05-jagritii.github.io/TextTweak/
- Size: 486 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TextTweak
TextTweak is a responsive and interactive React application that allows users to perform a variety of text transformations including converting to uppercase, lowercase, removing extra spaces, and more. It also includes a dark mode toggle for better user experience.
## 🔗 Live Demo
Check out the live version : [TextTweak on GitHub Pages](https://05-jagritii.github.io/TextTweak/)
---
## Features
- Convert text to **Upper Case**
- Convert text to **Lower Case**
- Text-to-speech support
- Stop text-to-speech
- Remove extra spaces
- Word and character count
- Dark/Light Mode toggle
- Responsive design using Bootstrap
---
## Screenshots
| Light Mode | Dark Mode |
|------------|-----------|
| | 
---
## Technologies Used
- React JS
- JavaScript
- Bootstrap 5
- HTML5 & CSS3
---
## Prerequisites
Before you begin, make sure you have:
- Node.js (v14 or higher)
- npm (comes with Node.js)
- A code editor like VS Code
- Git installed
-
## Getting Started
### 1. Clone the Repository
```bash
git clone https://github.com/05-Jagritii/TextTweak.git
cd TextTweak
```
2. Install all required packages using npm:
```bash
npm install
```
3. Start the Application
```bash
npm start
```
Visit `http://localhost:3000` in your browser.
## Project Structure
```
TextTweak/
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ ├── Alert.js
│ │ ├── Navbar.js
│ │ └── TextForms.js
│ ├── App.js
│ ├── App.css
│ ├── index.js
│ └── ...
```
## Author
Jagriti Kanwar
Mail:[kanwarjagriti21@gmail.com](mailto:kanwarjagriti21@gmail.com)
LinkedIn: [Jagriti Kanwar](https://www.linkedin.com/in/jagriti-kanwar)