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

Milestone: To Do list: interactive list #4

Merged
merged 10 commits into from Aug 12, 2022
Merged

Milestone: To Do list: interactive list #4

merged 10 commits into from Aug 12, 2022

Conversation

kendoriddy
Copy link
Owner

@kendoriddy kendoriddy commented Aug 11, 2022

For this milestone, I implemented the following

  • Add a new JavaScript file and import it as a module (it contain methods related to the status updates (completed: true / false)).
  • Add event listener to the checkbox (change).
  • Update items object's value for completed key upon user actions.
  • Implement a function for the "Clear all completed" button (use filter() method).
  • Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.

Here is a video demo of the app
https://www.loom.com/share/6ddf6015b06948108aad29c642d0f804

@github-pages github-pages bot temporarily deployed to github-pages August 11, 2022 17:45 Inactive
Copy link

@EricMbouwe EricMbouwe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @kendoriddy,

Good job so far 🔥!
There are some issues that you still need to work on to go to the next project but you are almost there!

Highlights 🔥🎉

  • Linters ✔
  • PR ✔
  • Styles ✔

Required Changes ♻️

Check the comments under the review.

Optional suggestions

Every comment with the [OPTIONAL] prefix is not crucial enough to stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
Please, remember to tag me in your question so I can receive the notification.

Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

src/crud.js Show resolved Hide resolved
@netlify
Copy link

netlify bot commented Aug 11, 2022

Deploy Preview for my-daily-tasks ready!

Name Link
🔨 Latest commit f6a10c1
🔍 Latest deploy log https://app.netlify.com/sites/my-daily-tasks/deploys/62f625f827e622000970cee3
😎 Deploy Preview https://deploy-preview-4--my-daily-tasks.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link

@BertrandConxy BertrandConxy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @kendoriddy ,

Great work on making the changes requested by a previous reviewer 👏
You've done well implementing some of the requested changes, but there are still some which aren't addressed yet.

Highlights 💪

  • no linter errors
  • correct flow is used
  • good PR

Required Changes ♻️

Check the comments under the review.

Optional suggestions

Every comment with the [OPTIONAL] prefix won't stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better. Some of them were simply missed by the previous reviewer and addressing them will really improve your application.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
Please, remember to tag me @BertrandConxy in your question so I can receive the notification.

Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

src/crud.js Outdated
Comment on lines 134 to 144

['focus', 'blur', 'keyup'].forEach((evt) => {
input.addEventListener(evt, (e) => {
if (evt === 'blur' || (evt === 'keyup' && e.key === 'Enter')) {
// It's a modify
const taskIndex = Number(e.target.id.split('-')[1]);
saveTodo(taskIndex);
e.target.blur();
}
});
});

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Good job so far. I can see that you made changes based on the previous reviewer's suggestions. However, the changes you introduced may have caused some bugs in your application. Right now, when I run the application locally, I tried to add a task and when I click enter the page reloaded and the task is neither displayed in the UI nor stored in the local storage. Please visit back your function to add a task and check if it is working as before 🙏 As a result, I was not able to check whether the completed functionality is working.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@BertrandConxy Thanks for your feedback. However, I am able to add new tasks on my local machine without any issue. Can you please try it again? I will add a video to demonstrate functionalities too

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok. I can see it. It looks like we even have a different UI. Let me review it again

Copy link

@BertrandConxy BertrandConxy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @kendoriddy ,

Your project is complete! There is nothing else to say other than... it's time to merge it :shipit:
Congratulations! 🎉

Highlights

  • no linter errors
  • good PR
  • good README

Optional suggestions

Every comment with the [OPTIONAL] prefix won't stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better. Some of them were simply missed by the previous reviewer and addressing them will really improve your application.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
Please, remember to tag me @BertrandConxy in your question so I can receive the notification.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

@kendoriddy kendoriddy merged commit 94062c6 into main Aug 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants