React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Compose Component with Auto-Complete, Hashtags, Mentions, and URL Highlighting

This project implements a compose component that supports auto-complete for mentions, highlights for URLs and hashtags, and allows users to write a message with the required functionalities.

Features

• Auto-complete for Mentions: The component provides suggestions for mentions (e.g., @fr) and highlights the selected mention in a different color after it is chosen.
• Highlighting URLs and Hashtags: URLs and hashtags (e.g., google.com and #blessed) are automatically highlighted in the same color.
• Character Counter: The component also includes a character counter that limits the text input to 200 characters.

Installation

git clone https://github.com/jayeshsojitra103/social-content.git
cd social-content
npm install

Usage

Run the application locally:

npm run dev