urstrulynishkarsh / reactchat Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://reactchatio.vercel.app/
Home Page: https://reactchatio.vercel.app/
@urstrulynishkarsh U can see the user login chat app by enter weak Room No. I can improve the functions like strong Room no
I can also improve the Ui like adding Hover effect, improve button ui
No response
None
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. 👍
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.
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.
No response
Yes
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:
Allow implementation of inline formatiing
No response
Yes
User can also use voice to send the message.
@urstrulynishkarsh Can you assign this task to me under GSSOC'24
Yes
Responsiveness can be improved for smaller screen. UI can also be improved. Please assign me this project under GSSOC '24
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
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.
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 ;)
Yes
There is no Pull Request template in this project.
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.
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.
No , that would be available only when PR gets started.
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
It can enhance user experience and make communication more fun and expressive. Please assign it to me.
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.
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.
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.
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.
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
Improve the user experience and that can be help others room user to understand the who is typing in the room
No response
Yes
👋 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
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 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 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.
@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
Yes
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.
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.
No response
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.
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.
Please assign me this under GSSoC'24 @urstrulynishkarsh
In current UI there is no edit message feature once the message is send.
Edit message feature allows user to correct his message
Please assign this issue to me under Gssoc
Yes
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.
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.
No response
Yes , please assign me this issue
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
NOT RESPONSIVE AND MAJOR UI CHANGES REQUIRED
When you scale down the site the buttons and all still stay the same size
the buttons and all should gradually decrease the size
None
This issue proposes the addition of Dockerfiles and Docker Compose configuration to streamline the deployment and development process of the project.
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.
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.
Hello @urstrulynishkarsh ,
Please assign me this issue , i want to work on it.
Yes
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.
No response
No response
Yes
The cursor was not visible when i hover the button in Disconnect model.
1.Add cursor in model to resolve the issue
The users can able to select yes/no without confusion once we add cursor in the model.
No response
Yes
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:
will use gemini api to chat and use socket.io for realtime chat
No response
No response
None
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:
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.?
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 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
Yes
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
No response
Yes
creating a PR template
to use markdown using .md file
No response
No response
None
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.
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.
Hello @urstrulynishkarsh ,
Please assign this issue.
Yes
When the chats size over than the size of chat container then scrollbar appears. It destroys the design of UI.
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.
Yes
@urstrulynishkarsh Can assign this feature under GSSOC'24
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
want to make the switch button more interactive and a better UI
@
in the home page
a better toggle switch
No response
Yes
This feature enhances our platform's usability by introducing default group names, allowing numerous users to join groups swiftly for recreational purposes.
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.
No response
Yes
CODE-OF-CONDUCT.md file can be enhanced further to be more informative and error-free document.
Open and view code of conduct document.
It could further be a guiding light for new contributors to understand the work culture in open source world.
No response
Yes
In chat page, sidebar is not looking nice.
@urstrulynishkarsh Can you assign this task to me under GSSOC'24
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:
better routing
https://reactchatio.vercel.app/{room_name}/{username}
It will provide more better routing and much understandable for user.
No response
Yes
in the chat page
go to home
enter a chat room number
see the buttons
add good hover features to improve UI
No response
Yes
i want to add a reply feature in your project
assign me this issue 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.
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.
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
@urstrulynishkarsh
I am a GSSOC'24 contributor, would like to solve this issue, please assign this to me
Yes
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.