Describe the feature

When the user starts typing the message in a room, then no typing indicator is shown to other users in the same room. I want to implement this feature.

It should be implemented because

This feature will increase user activity and it's a good idea to include typing indicators in your chat app to improve the chat experience.

Additional context

No response

Would you like to work on this issue?

Yes

Describe your issue

in the chat page

Steps to reproduce

go to home
enter a chat room number
see the buttons

What was the expected result?

add good hover features to improve UI

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to your

👋 Hi @urstrulynishkarsh,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you

• #2
• #3
• #4
• #5
• #6
• #8
• #9
• #11
• #12
• #13
• #14
• #15
• #17
• #19

Describe the feature

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

It should be implemented because

No response

Additional context

No response

Would you like to work on this issue?

Yes

Please assign me this under GSSoC'24 @urstrulynishkarsh

Describe the feature

The feature involves adding a wallpaper to the chatroom website that aligns with the overall theme and aesthetic of the platform. The wallpaper will serve as a background element, enhancing the visual appeal and creating a more immersive experience for users. By incorporating a wallpaper that complements the website theme, we aim to elevate the design and atmosphere of the chatroom, fostering a sense of cohesion and engagement among users.

It should be implemented because

Adding a wallpaper is crucial for enhancing the chatroom's ambiance and visual appeal. A carefully selected wallpaper reflects the platform's identity and values, adding depth and personality to the user interface. This not only makes the chatroom more inviting and memorable but also reinforces brand consistency. By aligning the wallpaper with the website theme, we can elevate the overall user experience and foster a cohesive environment.

Additional context

Hello @urstrulynishkarsh ,
Please assign this issue.

Would you like to work on this issue?

Yes

Describe your issue

creating a PR template

Steps to reproduce

to use markdown using .md file

What was the expected result?

No response

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

None

Describe the feature

In current UI there is no edit message feature once the message is send.

It should be implemented because

Edit message feature allows user to correct his message

Additional context

Please assign this issue to me under Gssoc

Would you like to work on this issue?

Yes

Describe the feature

Currently there is no proper user authentication and validation system implemented. Anyone can come and enter the

room with just a name and room number and spam the rooms thus causing software inefficiency. No otp verification is there for the users and No separate Login/Signup Page.

It should be implemented because

It will make the webapp highly secure and validated.

It will completely remove bad user experience due to other users.

It will allow users to login directly with their Google Mail/Apple/Microsoft/LinkedIn/Facebook account instantly. They

can also use a separate email or phone number if they like to.

Secure data storage vault for the users information and it is none other than SOC 2 type 2 certified and CCPA compliant security

Additional context

Would you like to work on this issue?

Yes

Describe your issue

When the chats size over than the size of chat container then scrollbar appears. It destroys the design of UI.

Steps to reproduce

1. Go to chat page.
2. Start conversation in the room.
3. When the chat size is bigger than the container size then scrollbar appears

What was the expected result?

I expected that If the size chats is more than the container size then also scrollbar hide. That will provide much better look and space for user.

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes

@urstrulynishkarsh Can assign this feature under GSSOC'24

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

Describe the feature

To add the name of the application with logo and a short tagline when the user first enters the page.
The 'Join' container look very basic, can work on it using Tailwind to make it look attractive and minimalistic.
The 'Dark Mode' toggle button can be changed, looks too big and should add a simple toggle icon for ON / OFF

It should be implemented because

The first page is where the user truly gets hooked, it must be good and decent.
An app name with logo and a short tagline can make the user to spend longer time on this site.

Additional context

I would like to work on this feature under GSSOC '24. I'll use TailwindCSS to work on this.
Request you to kindly assign this task to me ;)

Would you like to work on this issue?

Yes

Hi @urstrulynishkarsh ,
The website layout does not adjust properly on mobile and tablet screens, causing elements to appear distorted or misplaced.

Steps to reproduce the behavior:

Navigate to https://reactchatio.vercel.app/
Access the website on a mobile or tablet device.
Observe that certain elements do not display correctly or are difficult to interact with due to their positioning or size.
Expected behavior
The website layout should adapt responsively to different screen sizes, ensuring that all elements are easily accessible and displayed correctly on mobile and tablet devices.

Sccreenshots:

Devices:
Samsung Galaxy S4
iPhone 12 Pro

I believe I can contribute effectively to resolving this issue. I have experience in frontend development and am familiar with responsive design principles. Can you please assign me to work on this issue under Gssoc'24.

It can enhance user experience and make communication more fun and expressive. Please assign it to me.

Describe the feature

The feature involves enhancing the design of a centered join card form. Currently, the form appears simplistic with basic input tags, lacking visual appeal and engagement. The goal is to transform this form into a stylish and visually captivating component that effectively captures users' attention and encourages interaction.

It should be implemented because

Enhancing the design of the join card form is crucial for improving user experience and increasing user engagement. A visually appealing and stylish form not only attracts users but also instills confidence and trust in the brand. By implementing this feature, we can create a more immersive and delightful user experience, ultimately leading to higher conversion rates and user satisfaction.

Additional context

Hello @urstrulynishkarsh ,
Please assign me this issue , i want to work on it.

Would you like to work on this issue?

Yes

Describe your issue

want to make the switch button more interactive and a better UI

please assign under gssoc'24

@

Steps to reproduce

in the home page

What was the expected result?

a better toggle switch

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Describe the feature

i want to implement the Typing Notification functionality in chat app where when the user is typing on the message box the notification goes to the other user that the which user is typing in the chat

It should be implemented because

Improve the user experience and that can be help others room user to understand the who is typing in the room

Additional context

No response

Would you like to work on this issue?

Yes

I want to enhancement idea for this application as follows:
As soon as the user opens the application he should be given the option to Create a room or Join an existing room.
If the user creates a new room he must create the room with room id and a password of his choice. That password can be used by other users to join the room.
This will be like a security feature so that any anonymous user does not enter the room.

Can you please assign me this task under GSSOC'24 tag.?

This issue proposes the addition of Dockerfiles and Docker Compose configuration to streamline the deployment and development process of the project.

• Create Dockerfiles
• Implement Docker Compose
• Update ReadMe accordingly

Describe the feature

make more attractive

It should be implemented because

No response

Additional context

No response

Would you like to work on this issue?

None

Responsiveness can be improved for smaller screen. UI can also be improved. Please assign me this project under GSSOC '24

Describe your issue

The chat page is accessible without being joined to a group with display name and room name. User can navigate to chat room with URL.
This will be resulting in an error and user won't be able to send message.

Steps to reproduce

1. Go to https://reactchatio.vercel.app
2. then add "/chat" in the end of the URL (ie. - https://reactchatio.vercel.app/chat)
3. user will be able to access the chat room without being joined without room name and display name

What was the expected result?

The chat room should not be accessible to the user until they join a chat room with the display room and the room name.
The chat room should be under private route.
This should be the expected result

Put here any screenshots or videos (optional)

@urstrulynishkarsh
I am a GSSOC'24 contributor, would like to solve this issue, please assign this to me

Would you like to work on this issue?

Yes

Describe the feature

better routing
https://reactchatio.vercel.app/{room_name}/{username}

It should be implemented because

It will provide more better routing and much understandable for user.

Additional context

No response

Would you like to work on this issue?

Yes

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

Describe the feature

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet(using Github Bots) users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me

It should be implemented because

No response

Additional context

Would you like to work on this issue?

Yes

Describe the feature

User can also use voice to send the message.

• User click on the mic icon
• Start speak
• Send text message

@urstrulynishkarsh Can you assign this task to me under GSSOC'24

It should be implemented because

• It will allow user to chat through voice.
• It will make easy for user.

Additional context

Would you like to work on this issue?

Yes

As our open-source chat application gains traction among users, it's crucial to prioritize the implementation of a robust authentication system. Introducing login and sign-up functionality not only enhances user experience but also bolsters security measures. By enabling users to create accounts and authenticate themselves securely, we can personalize their experience, facilitate user engagement, and ensure data privacy.

Objective:
The primary objective of this enhancement is to integrate a user authentication system into our open-source chat application. This includes implementing features such as user registration, login, password management, and session handling.

Key Features:

1. User Registration: Allow users to create new accounts by providing essential details such as username, email, and password.
2. Login: Enable registered users to authenticate themselves securely using their credentials.
3. Password Management: Implement password encryption and provide options for password reset and recovery.
4. Session Handling: Maintain user sessions securely to ensure seamless navigation within the application.
5. Security Measures: Implement robust security measures such as encryption, hashing, and protection against common vulnerabilities like SQL injection and cross-site scripting (XSS).

Describe your issue

In chat page, sidebar is not looking nice.

• Not have user search functionality. It important because to check user is present or not.
• UI of sidebar is not good.
• Sidebar is not scrollable.

@urstrulynishkarsh Can you assign this task to me under GSSOC'24

Steps to reproduce

1. Join the Room
2. See user joined list

What was the expected result?

• User will be well arranged
• Make sidebar scrollable, when large amount of user came
• better look and responsive
• Add search functionality

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes

Pull Request Description
This pull request aims to enhance the user interface (UI), improve file management, and address state management issues in the chat application. The current UI lacks visual appeal and interactivity compared to other applications, leading to a subpar user experience. Additionally, the file management structure can be optimized for better organization and ease of maintenance. Furthermore, certain components are not functioning correctly due to state management issues, which need to be resolved for the application to work seamlessly.

Changes Proposed

UI Enhancement:
Update the color combination and styling to create a more soothing and visually appealing interface for the chat application, aligning it with industry standards and user expectations.

Introduce interactive elements to enhance user engagement and make the chat experience more dynamic and enjoyable.

File Management Improvement:
Restructure the file organization by moving CSS files to a separate folder, improving the project's organization and making it easier to locate and manage styling resources.

State Management Fix:
Identify and resolve issues with state management that are causing components to malfunction or behave unpredictably.

Ensure proper implementation of state management techniques such as Redux or Context API to maintain consistent application state and facilitate efficient data flow.

Expected Outcome

A visually enhanced chat application with improved color combination, interactive elements, and overall UI aesthetics, resulting in a more engaging and enjoyable user experience.

Enhanced file management structure with CSS files stored in a separate folder, improving project organization and developer productivity.

Improved state management implementation, ensuring smooth functionality and reliable performance of chat components.

Describe your issue

Hey @urstrulynishkarsh

The cursor was not visible when i hover the button in Disconnect model.

Steps to reproduce

1.Add cursor in model to resolve the issue

What was the expected result?

The users can able to select yes/no without confusion once we add cursor in the model.

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

i want to add a reply feature in your project
assign me this issue under gssoc'24

Describe your issue

Currently, there's a bug in chat app where users can join a room with duplicate names without receiving any error notification. This behavior is unintended and can lead to confusion within the chat room environment.

Steps to reproduce

1. Open the chat app.
2. Join a room with an existing username.
3. Notice that the user is allowed to join without any error message.

What was the expected result?

When a user attempts to join a room with a name that already exists in that room, they should receive an error message indicating that the username is already in use. This will prevent confusion and maintain clarity within the chat room.

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes , please assign me this issue

Describe the feature

• This chat message over box of the content.
• it can be more ui better in the project.

It should be implemented because

• more ui better and user experience.

Additional context

Would you like to work on this issue?

None

Describe the feature

The feature entails updating the font style, color, and size of various elements on the website to align with the overall website theme. This includes headings, paragraphs, buttons, and other text elements. By adjusting these attributes, we aim to create a cohesive and visually appealing design that resonates with the website's aesthetic and enhances user experience.

It should be implemented because

Implementing this feature is essential for maintaining consistency and reinforcing the brand identity across the website. A harmonious combination of font style, color, and size contributes to readability, accessibility, and overall user engagement. By adhering to the website theme, we can create a seamless and immersive browsing experience for visitors, ultimately improving retention and conversion rates.

Additional context

No response

Would you like to work on this issue?

Yes

Description of Bug:
I found a bug, when in light mode it shows a symbol of sun i.e. light theme and when in dark mode it shows a symbol of moon.

Expected behaviour:
In light mode, it should show symbol of moon & in dark mode it should show symbol of sun.

Screenshot/Recording:

While sending message on the room, we need to make sure that the input box is not empty. Currently am minimal "required" attribute holds this validation, which can be easily bypassed.

Steps to reproduce:

1. Go to reactchatio.vercel.app
2. Join a Room.
3. Inspect the send button and remove the "required" attribute from the input field, can be seen in the attached media.

Clear and well-structured documentation is crucial for users and contributors to understand the project, its purpose, and how to get started

@urstrulynishkarsh please assign this issue to me.

Describe your issue

NOT RESPONSIVE AND MAJOR UI CHANGES REQUIRED

Steps to reproduce

When you scale down the site the buttons and all still stay the same size

What was the expected result?

the buttons and all should gradually decrease the size

Put here any screenshots or videos (optional)

Would you like to work on this issue?

None

Describe the feature

Add a room share button in the sidebar

It should be implemented because

It make easy others to join in chat and able to share on multiple platforms

Additional context

Would you like to work on this issue?

Yes

Describe your issue

CODE-OF-CONDUCT.md file can be enhanced further to be more informative and error-free document.

Steps to reproduce

Open and view code of conduct document.

What was the expected result?

It could further be a guiding light for new contributors to understand the work culture in open source world.

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Describe the feature

Description

We can have inline text styling, in which the following characters can be used to enclose text and thus display a formatted text as mentioned below:

1. * * : Bold

2. _ _ : Italics

3. ~ ~: Strikethrough

Media

It should be implemented because

Allow implementation of inline formatiing

Additional context

No response

Would you like to work on this issue?

Yes

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

Describe the feature

This feature enhances our platform's usability by introducing default group names, allowing numerous users to join groups swiftly for recreational purposes.

It should be implemented because

Enhanced Accessibility: By providing default group names, we lower the barrier to entry for new users, making it easier for them to jump into group activities and connect with others who share similar interests.

Promotion of Community Engagement: Default group names encourage spontaneous participation and facilitate the formation of larger, more diverse groups. This fosters a sense of belonging and encourages users to interact with one another, ultimately strengthening our community.

Time-Saving Convenience: Creating a default list of group names saves users the time and effort of coming up with unique names every time they want to start a group. This convenience factor contributes to a smoother user experience and encourages continued usage of our platform.

Scalability and Growth: As our user base continues to expand, having default group names in place will help us accommodate the increasing demand for group interactions without sacrificing user experience or platform performance.

Additional context

No response

Would you like to work on this issue?

Yes

Describe your issue

There is no Pull Request template in this project.

Steps to reproduce

1.Modify /change files of the repo and push them.
2.click compare and pull request button when it automatically appears .
3.Observe the description of the pull request.There is no template for PR.

What was the expected result?

I expected to see a template in the description box of PR. This enables the viewers to understand the PR , changes/modifications that are applied to the repositories.

Put here any screenshots or videos (optional)

No , that would be available only when PR gets started.

Would you like to work on this issue?

Yes

Describe the feature

@urstrulynishkarsh U can see the user login chat app by enter weak Room No. I can improve the functions like strong Room no

It should be implemented because

I can also improve the Ui like adding Hover effect, improve button ui

Additional context

No response

Would you like to work on this issue?

None

Describe the feature

I want to create a feature of a sharable room-id so that someone with that room-id will be able to join the chat room. So that users can chat like whatsapp with a group of two or more.
In order to do that I have to make a new input field for taking the sharable room-Id with that user can join

It should be implemented because

It will allow users to chat with others. Now they can only send message but cannot get reply. I would like to implement because that will create an interactive chat session.

Additional context

@urstrulynishkarsh I am a GSSOC'24 contributor. Please assign this to me so that I can work on this .I have previously worked on such thing

Would you like to work on this issue?

Yes