#9: Improve Task Styling for Enhanced User Experience #27
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
#9 Improve Task Styling for Enhanced User Experience
@Yash7426
@rootCircle
@AkhileshJyotishi solved already
Description
Implemented the feature to display task details with formatted dates using
date-fns
library and to show progress bars usingreact-circular-progressbar
. The UI closely resembles the provided picture.Changes Made
date-fns
library to format dates in the task details.react-circular-progressbar
to render progress bars based on the given percentage.Screenshots
Additional Notes
Considering the complexity of the task, could we allocate a slightly higher score for this PR? Integrating date-fns and react-circular-progressbar presented notable challenges, and meticulous UI alignment was essential. Appreciate your consideration.
Please provide any feedback where ever there is scope of improvement