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

Feature/merges #30

Merged
merged 36 commits into from
Aug 1, 2023
Merged

Feature/merges #30

merged 36 commits into from
Aug 1, 2023

Conversation

mershark
Copy link
Owner

@mershark mershark commented Aug 1, 2023

In this project together with my partner @hamidazim321 we created a fully functional meal webpage. Some of the things we implemented in this task are:

  • We utilized an external API "Themealdb" to fetch data about a topic of interest.
  • We created 2-3 user interfaces: home page with "likeable" items and comments popup.
  • We employed JavaScript best practices, ES6 syntax, and modules.
  • We implemented webpack for bundling and Gitflow for version control.
  • We integrated the "Involvement API" to record user interactions (likes and comments).
  • We conducted code reviews for each other's work.
  • We developed unit tests for the JavaScript app using Jest.

Changes after the previous review

We have added all the features required by the reviewer

  • We have separated both counter functions into separate modules
  • We have updated the test for the case when there are no meals on the home screen (e.g. the API request does not return the expected data)

@hamidazim321 hamidazim321 temporarily deployed to github-pages August 1, 2023 10:34 — with GitHub Pages Inactive
Copy link

@muneebulrehman muneebulrehman left a comment

Choose a reason for hiding this comment

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

Hi team,

Good job so far! I see you put a lot of effort into this project. However, there are some issues that you still need to work on to go to the next project but you are almost there!

Highlights

  • No linter errors
  • Descriptive PR
  • Followed template design
  • Used involvement API
  • Split code in proper modules.

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.

Comment on lines 85 to 86
describe('Meals Counter', () => {
test('Update Header to have the correct Count of Items', () => {

Choose a reason for hiding this comment

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

Kindly also test for the case when there are no meals on the home screen like you tested for the comments. As per the project requirements, tests should cover all the edge cases.

Comment on lines 1 to 13
const mealCounter = (arr) => {
const navDishes = document.querySelector('#nav-dishes');
navDishes.textContent += ` (${arr.length})`;
};

const commentsCounter = (arr, header) => {
if (Array.isArray(arr)) {
header.textContent = `Comments (${arr.length})`;
} else {
header.textContent = 'Comments (0)';
}
};
export { mealCounter, commentsCounter };

Choose a reason for hiding this comment

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

One of the project requirements is that each counter should be implemented as a separate module. Kindly move each of these counters into a separate file.
image

Copy link

@iambenkis iambenkis left a comment

Choose a reason for hiding this comment

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

Hi @mershark , @muneebulrehman ,

APPROVED 🟢

Highlights

  • Innovative idea in a good-looking website ✔️
  • good UI design ✔️
  • no linter errors ✔️
  • correct github flow is used ✔️
  • good PR description ✔️

Great implementation of all the requirements in this milestone. 👏

You have done an amazing job 👍

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

Congratulations! 🎉

CHEERS AND HAPPY CODING!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.


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.

@hamidazim321 hamidazim321 merged commit 69a44d8 into development Aug 1, 2023
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.

[1pt] Choose assets - group task [0.5pt] Set up the project with Webpack and Jest- group task
4 participants