Word Counter Tool

A powerful, real-time Word Counter Tool designed for writers, students, and professionals. Get instant analysis of your text, including word count, character count, sentences, paragraphs, and a manipulation-proof Words Per Minute (WPM) meter. Save your work locally and access it anytime, even offline.

✨ Features

This tool is designed to be the ultimate utility for text analysis, packed with features to make the process as intuitive and efficient as possible.

• Real-Time Analysis: Instantly see statistics update as you type.
• Comprehensive Statistics: Track words, characters, sentences, and paragraphs with precision.
• Advanced WPM Meter: A smart typing speed calculator that intelligently ignores pasted text to provide a true measure of your typing skill.
• Save Your Work: Store your text entries securely in your browser using IndexedDB (with a LocalStorage fallback) for offline access.
• Manage Saved Entries: Easily browse, copy, or delete your saved work with a clean, paginated interface.
• Text Utilities: Quickly convert your entire text to UPPERCASE or lowercase with a single click.
• Modern & Responsive UI: A beautiful, intuitive interface built with Tailwind CSS and Framer Motion that looks great on any device.
• Offline Functionality: Works seamlessly without an internet connection thanks to local data storage.
• Safe Deletion: A confirmation modal prevents accidental deletion of your saved entries.

🚀 How to Use

The application is split into two main sections for ease of use.

1. Counter Tab

This is the main workspace for text analysis.

1. Start typing or paste text into the main text area.
2. Watch the statistics for words, characters, sentences, and paragraphs update in real-time below.
3. Your WPM score will be calculated based on your manual typing speed.
4. Use the UPPERCASE, lowercase, and Save Text buttons to manage your content.

2. Saved Entries Tab

View and manage your saved work here.

1. Click the "Saved Entries" toggle to view your stored texts.
2. Use the "Previous" and "Next" buttons to navigate through pages if you have many entries.
3. Click the copy icon to copy an entry's content to your clipboard.
4. Click the trash icon to permanently delete an entry (you will be asked to confirm).

💻 Tech Stack

• Framework: React
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Database: IndexedDB with a LocalStorage fallback.
• Icons: Lucide React

🛠️ Running Locally

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v16 or later recommended)
• A package manager like npm or yarn

Installation & Setup

1. Clone the repository to your local machine.

   git clone https://github.com/your-username/your-repo-name.git

2. Navigate into the project directory.

   cd your-repo-name

3. Install the dependencies.

   npm install

4. Start the development server.

   npm start

The application should now be running locally, typically at http://localhost:3000.

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you find this tool helpful, please consider leaving a ⭐ star on the repository! It helps increase visibility and supports the project's growth.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

🙏 Acknowledgements

• Created by Moin Uddin in collaboration with Oli Ullah.

📄 License

Distributed under the MIT License.