Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ifalfahri/count-your-character


https://github.com/ifalfahri/count-your-character

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# Count Your Character ![Favicon](public/CyC.svg)

A fun and interactive tool built with **React** and **Tailwind CSS**, designed to help you play around with text! This project experiments with neobrutalism design style for a unique and vibrant user interface.

![Demo](https://res.cloudinary.com/dyjxcujz4/image/upload/v1731566802/demo_gkzuw8.gif)

## โœจ Features

- ๐Ÿ”ข **Character Count** - Instantly see the number of characters in your text.
- ๐Ÿงฎ **Word Count** - Provides the total number of words.
- ๐Ÿ”  **Make Uppercase** - Convert all text to uppercase.
- ๐Ÿ”ก **Make Lowercase** - Convert all text to lowercase.
- ๐Ÿ”„ **Remove Extra Spaces** - Clean up any unnecessary spaces.
- ๐Ÿ”„ **Reverse Text** - Flip the text backward.
- ๐Ÿ“‹ **Copy to Clipboard** - Quickly copy the processed text to your clipboard.

## ๐Ÿ› ๏ธ Tech Stack

- ![React](https://img.shields.io/badge/React-blue?logo=react)
- ![Tailwind CSS](https://img.shields.io/badge/TailwindCSS-white?logo=tailwindcss)
- ![Bun](https://img.shields.io/badge/Bun-orange?logo=bun)

## ๐ŸŽจ Design Style

The UI is styled in **neobrutalism**, a design trend that emphasizes bold colors, heavy borders, and an intentionally โ€œrawโ€ look, giving the tool a playful, expressive feel.

## ๐ŸŒ Live Demo

Check out the live demo here: [Count Your Character](https://countchar.vercel.app)

## ๐Ÿ“ License

Distributed under the MIT License. See `LICENSE` for more information.

---

โญ๏ธ **Enjoy using this tool?** Don't forget to give the repo a star!