rajendrasarak90 / react-chat-app

React Chat App

The React Chat App is a single-page chat application built with ReactJS. It allows users to send and receive chat messages in real-time. The app provides a simple and intuitive interface for seamless communication.

Hosted URL

https://chatting-app-jjtv.onrender.com/

Basic Task

In this assignment, the goal is to create a ReactJS chat application. The app should have a text box where users can type their messages and a send button to submit the message. When the send button is clicked, the chat message should be displayed above the text box.

Each message should be associated with a randomly assigned username from the provided user list:

const user_list = ["Alan", "Bob", "Carol", "Dean", "Elin"];

Additionally, each message should include a like button on the right end, which when clicked, increases the like count. The count should be displayed next to the like button.

Stretch Goals (Optional)

1. Mentions Feature: Add a mentions (@) feature to the chat. When a user types '@', display a list of users from the provided user list for easy tagging and directing messages to specific individuals.
2. Emoji Options: Implement the ability to add emojis in chat messages, allowing users to express themselves with a wide range of emotions.

Getting Started:

1. Clone the repository: git clone https://github.com/rajendrasarak90/React-Chat-App.git
2. Navigate to the project directory: cd react-chat-app
3. Install the dependencies: npm install
4. Start the application: npm start
5. Open your web browser and visit http://localhost:3000 to view the app.