https://github.com/saagor16/word-count-react
This is a simple React application that counts the number of words and characters in a given text input. The application uses React for the front-end and Tailwind CSS for styling.
https://github.com/saagor16/word-count-react
html5 react tailwindcss
Last synced: about 2 months ago
JSON representation
This is a simple React application that counts the number of words and characters in a given text input. The application uses React for the front-end and Tailwind CSS for styling.
- Host: GitHub
- URL: https://github.com/saagor16/word-count-react
- Owner: saagor16
- Created: 2024-07-13T04:22:21.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-13T05:17:10.000Z (almost 2 years ago)
- Last Synced: 2025-02-05T14:17:56.923Z (over 1 year ago)
- Topics: html5, react, tailwindcss
- Language: JavaScript
- Homepage: https://word-count-react-lilac.vercel.app
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Word and Character Counter
This is a simple React application that counts the number of words and characters in a given text input. The application uses React for the front-end and Tailwind CSS for styling.
## Features
- **Real-time counting:** The word and character counts update as you type.
- **Responsive design:** The application is responsive and works well on all devices.
- **Easy to use:** A clean and simple user interface.
## Installation
Follow these steps to set up and run the project locally.
1. **Clone the repository:**
```bash
git clone https://github.com/saagor16/word-count-react
cd word-char-counter
```
2. **Install dependencies:**
```bash
npm install
```
3. **Run the development server:**
```bash
npm run dev
```
The application should now be running on `http://localhost:3000`.
## Usage
1. Open the application in your web browser.
2. Type your text into the textarea.
3. The word and character counts will update in real-time as you type.
## Technologies Used
- **React:** A JavaScript library for building user interfaces.
- **Tailwind CSS:** A utility-first CSS framework for rapid UI development.
- **Vite:** A build tool that provides a faster and leaner development experience for modern web projects.
## Project Structure
word-char-counter/
├── node_modules/
├── public/
│ ├── index.html
├── src/
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
│ ├── WordCharCounter.jsx
├── .gitignore
├── package.json
├── tailwind.config.js
├── vite.config.js
└── README.md.
## Live Demo
Check out the live demo of the application [here](https://word-count-react-lilac.vercel.app/).
## Contributing
Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or suggestions.
## License
This project is licensed under the MIT License.