ctrixcode / ctrixcode/Ctrix-Chat-App

Enhance UI/UX for Chat Bubbles

Offen
#6 3 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @arushi2702 Auf GitHub ansehen
enhancement hacktoberfest-accepted
Vorherrschende Sprache
JavaScript
Sterne
5
Forks
15
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

* **What:** Improve the visual design and user experience of the chat messages (the "bubbles").

* **Why:** The current chat bubbles are functional, but they could be more aesthetically pleasing and easier to read. A polished UI makes the app look more professional and enjoyable to use.

* **How:**
1. The chat messages are rendered by the `Message.js` component. You can start by modifying the styles in this component.
2. You can experiment with different color schemes, bubble shapes, and typography. Look at other popular chat apps for inspiration.
3. Consider adding a timestamp to each message bubble that is only visible on hover or is formatted in a more user-friendly way (e.g., "2 minutes ago").
4. Make sure to handle the distinction between messages sent by the current user and messages received from others (e.g., different colors or alignment).

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.