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

https://github.com/soumya-rayast/chattext


https://github.com/soumya-rayast/chattext

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

ChatText


A real-time chat application built using React.js, Socket.io, and Node.js.


Features


Real-time Messaging: Supports real-time chat functionality using WebSocket.


Emoji Picker: Allows users to add emojis to their messages.


Typing Indicator: Displays an indicator when another user is typing.


Dynamic User Interface: Conditional rendering based on user interaction (e.g., chat view vs. start chat view).


Message Timestamps: Each message is timestamped with the current time.


Responsive Design: Adapted for various screen sizes with Tailwind CSS.

Technologies Used


React.js: For building the user interface and managing state.


Socket.io: For real-time bidirectional event-based communication.


Node.js: Backend runtime environment for handling WebSocket connections.


Tailwind CSS: For utility-first CSS styling and responsive design.


Emoji Picker React: For integrating emoji selection into the chat.

Screenshot

![image](https://github.com/user-attachments/assets/0e733ac9-7b69-4a59-aff9-c9b2d9bfd711)
![image](https://github.com/user-attachments/assets/bac41e38-9a14-4915-a4da-6ffb9ba238ca)
![image](https://github.com/user-attachments/assets/ca9bc862-d34d-4af3-a938-35ae0d7f84ca)