suyalamritanshu / realtime-chat-app

Realtime Chat App

This project is deployed on https://realtime-chat-personnel.herokuapp.com/

This is a Realtime Chat App in which user have to enter his username and select a Room in which he can do discusions.

Features

• Options to choose a desired particular room for chating.

• Useful for learning and focusing different concepts discused in chat room.

• User also gets a bots who welcomes individually.

Tech Stacks

HTML
CSS
JAVASCRIPT
SOCKET.IO

How to set up locally

1. Fork the repository

Go to the project repository on Github and click on Fork button. On this forked copy you can try new ideas.

2. Clone the project

Get the link of your forked repository and clone the repoitory using git clone.

git clone https://github.com/<Github-Username>/Realtime-Chat-App.git

3. Change the directory

Navigate to the directory that contains the project.

cd Realtime-Chat-App

4. Create a new branch

Create a new branch for your work.

git checkout -b <branch-name>

realtime-chat-app's Issues

Feat: Show number of active users at any time

Right now we are showing usernames of all the users what I'd like to do is also show the number of active users at any given moment I want to show the number of active users in the place of the red box drawn in below image. If you like this idea please assign this issue to me and I will work on it Thanks in advance.

emoji's are appended at the starting position of the textbox

After writing some text and using emoji's the emojis are restarting from the beginning of the textBox.Look at the video to get a better picture

Untitled.1.mp4

Make the app lighter

As this project has a package.json file, we don't need to pass node_modules along with the project, and to avoid this, we can add a .gitignore file.

Add emoji support to the app

Hey @suyalamritanshu I'd like to add emoji support to the app please assign this to me and I will also add video when I made PR

Adding Favicon

Emoji button Fix

Emoji button is not working properly. Fix it

Ui enhancement

Making app responsive

Readme update

You can add like when some one fork this project, the steps to be done to start this project on their local system,

Fixing the leave button

The leave button is not working properly. You can fix it.

Adding Readme

Add hacktoberfest label

please add hacktoberfest label to this project

Adding a gif of the app inn the readme

Updating the readme gif to the recent one

Updating the readme gif to the recent commit