Coding Sheets page more dynamic

[NayakPenguin]

Brief about Coding Sheets page :

The coding sheets page https://algorithmist-dev.web.app/coding-sheets contains a list of questions that a person will solve and then he can mark when the question is done.

Task :

• When a person clicks on the done button, the color of the icon and the background color of the whole row change. A CSS class is already named done-row, which can be added with the default link-row class.

  

• When done is clicked the top progress would change as well—both the ceil number and the progress bar. The width of the filled progress bar needs to be properly calculated by the total number of questions and the questions completed.

  

  
  

Want to contribute :

• Write in the comment that you want to be assigned this task along with the predicted time required to complete it.
• Please change only the CodingSheets.js file, or if you would like to change any other page keep me informed.
• Happy Coding :) 🚀

[JordanAdair]

I'd like to be assigned this task, please.

[NayakPenguin]

Sure, @JordanAdair I am assigning this task to you. Do write the estimated time it will require for you to complete the task.

Happy coding :)

[JordanAdair]

As soon as I'm done familiarizing myself with the code-base I expect to be able to complete this within the hour. I appreciate the opportunity! :)