Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

#9: Improve Task Styling for Enhanced User Experience #27

Closed
wants to merge 1 commit into from

Conversation

piyushkumar079
Copy link

@piyushkumar079 piyushkumar079 commented Mar 17, 2024

#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 using react-circular-progressbar. The UI closely resembles the provided picture.

Changes Made

  • Integrated date-fns library to format dates in the task details.
  • Utilized react-circular-progressbar to render progress bars based on the given percentage.
  • Styled the UI to closely match the provided design.

Screenshots

image

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

@Yash7426
Copy link
Contributor

Great work @piyushkumar079,
The positioning of the delete button could be improved.

I appreciate your acknowledgment of the challenges faced during the task. While I can't adjust the score based solely on difficulty, I commend your efforts.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants