We should provide users entering or creating a room some unique user name suggestions for better UX as we are taking only unique names

Update Docmentation from draw.io for main 3 components📕

In Editor when you create a parenthesis for eg: after a if statement then that parenthesis dont auto complete ,
parenthesis = {}

User should be able to close the notistack msg .

Is your feature request related to a problem? Please describe.
Currently blogs are sorted according to time of their creation , we should be seeing sorting according to Likes also

Describe the solution you'd like
A sortBy option for user where they can select in which sorting they want to view blogs

A person can read and write to the chat in collaborate page using same room id in contest page (even for password protected rooms)

Steps to reproduce the behavior:

1. create a room in collaborate page
2. take the room id and paste it in newContest url
3. It will eventually give access to chats in collaborate page

Screenshots

Additional context
Attach meta information with room id to prevent this bug

It should be create room Image when some new user comes in , and other times it should be join room (room name) when someone comes via collab page url send by a person

Labels of Input should be :

Choose a username* and not just username

Write optional field near password if it is going to create new room

we should give user ability to download or upload code file in a code editor

people getting room link directly find it difficult to go to home page.

On clicking Code-N-Collab logo they should be redirected to home page.

Describe the bug
When chat message is big it is not showing it full

To Reproduce
Write a chat message of more character

Expected behavior
Full message should be shown

To make Font better for mobile version, the font size ✔relative rather than giving it in ❌pixel

When some chat msg is received notify it using sound 📢(and mute option should be there too) or some thing like(dot on chat nav button)

Currently website is tablet responsive , as it was coding website first priority was given to large screen based devices, since there is usage of blogs , so Blogs section and front page , profile sections must be made mobile responsive for users

Describe the solution you'd like
We use material-ui and vanila css so media query should follow one of the two given libraries

A person can edit and send empty blog to the server

Steps to reproduce the behavior:

1. Write a blog
2. Edit it and type whitespaces only
3. click on save

Expected behavior
proper error should be given to the user that body cant be empty and should check at server side also before updating and comment .....

Screenshots

Admins should also have ability to pin any blog📌

Redirect component of "react-router-dom" not working

Notification tab for users, so that they can know if they are mentioned in some comments , replies, blogs or someone has written any comment in his/her blog

getting margin in LockoutChampionShip due to a global css variable

Non login user when click create blog button they should remain on the same page, because we have a login option on that page too .

Currently reloading takes place after Leaving Lockout Room or Code editor room to remove state changes as both using same components

The state should be set to null on leaving and reloading should be removed

user when login gets redirected to same route as it were before but he dont go to same search params as before in blog section . if blogs were filtered as popular he would be redirected to same filter

Admin Account should have access to delete any post and remove any user

If a user lost internet connection and gets reconnected then he would get real time working editor but socket did not get reconnected for that user has to reload , for that case we want to alert user that internet was lost and reload to get reconnected using a snackbar

Currently we have many warnings not following === conventions and key in map or list, all warnings shall be removed

Currently Material-Darker theme in yjs is not working

Compile , graph,leave buttons in toolbar and fetch button in problem section should change color as someone hover's over it

In lockout we should also tell user to share this url with your friend so that he can participate in lockout and also add a snackbar for telling to share url just like in code editor

graph and spinner should become more responsive in mobile view

fetch problems from codedrills also

Add login options in other pages especially in blogs page.
Going again to Homepage for login is cumbersome

Describe the bug

Score Sorting in Lockout

Expected behavior
user who have more score should be above user with less score

We have a back button but we should also have a home icon so that someone can go to homepage directly

Describe the bug
we need to refresh the page so to remove the state of I/O when leaving contest so if a user decides to visit code-editor he will not find I/O state as it was in lockout

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Lockout'
   2.Write in 'Input'
2. Leave the lockout
3. Join the code-editor

Expected behavior
code-editor Input should be null in the start.

People are unable to understand how to give a proper url. It would be nice if we can show them some examples initially.

Reconnect socket if the user is on the same page and gets disconnected due to network issue.
yjs reconnects whereas our socket doesn't. So the issue is, even if that member is not in the room he can change/update the code which is after all a bug.

To change theme dynamically we need to setup global state, and use this state change to change theme and language accordingly

1). Data is getting erased when compile button is clicked in mobile chrome version
2). React-codemirror2 is not supported in React^17 so we might have to downgrade to React^16 or change the editor

Blogs currently are sorted just by creation time , give option to user to sort it by date or by likes

If there is a problem due to backend or network connection and a person tries to enter code-editor room the spinner keeps loading, better way would be to handle this error by pushing user to create room page after some 15 seconds of no response from the backend

We should have a 15 second timeout where ever we are sending request to backend as if server is down or something is wrong in backend we should not keep user on the spinner and alert them of some error and try again later

Main Components includes : Blogs , Editor , Lockout

1. Make Components of contest page mobile responsive.
2. Selection options theme, font, language div should be more mobile responsive

user id should also be there in the url.

Populate the number of replies to show it with show reply icon in comment

Showing snackbar is a good option, rather than going to person and checking if someone has joined / left the room

Client side has some console logs especially in blogs section and profile section , it would be better to not show the data we are getting from backend in console.

• After loading the editor page on concole window uncaught promise error is appearing in language feature.js (some inner file in node modules/monaco-editor)

Describe the solution you'd like
Change it to other suitable font font mobile version

ScreenShot