React Text Editor App

Welcome to the React Text Editor App! This is a simple yet powerful application built using React.js that allows users to manipulate text easily. Users can convert text to uppercase, lowercase, copy text to the clipboard, and clear the text input. The app also features a dark mode and a responsive design. Enjoy! 🚀

Live Demo 👇:

https://react-app-five-blue.vercel.app/

How to Install and Run the App

• Step 1: Clone the repository

git clone https://github.com/mdakbari/react_app.git

• Step 2: Navigate to the project directory

cd react_app

• Step 3: Install dependencies

npm install

• Step 4: Start the development server

npm start or npm runs start

• Step 5: Open your web browser and go to

http://localhost:3000

Components

Navbar Component

The Navbar component provides navigation links and a toggle button for dark mode.

Props

• alert: Object containing type (e.g., success, warning) and msg (alert message).

Alert Component

The Alert component provides informative alerts for user feedback.

Features

• Home:

• Dark Mode:

• Convert text to Uppercase:

• Convert text to Lowercase:

• Copy text to clipboard:

• Clear text input:

Additional Information

• Word Count: The app provides a word count and estimates the reading time based on the text input.
• Responsive Design: The app is designed to be responsive and works seamlessly across different devices and screen sizes.
• Minutes to Read: The app estimates the reading time based on the average reading speed of 200 words per minute.

Contributions

Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or create a pull request.

Connect with me at

📫 How to reach me: md.akbari1811@gmail.com