Skip to content

Conversation

@SeemsGood78
Copy link

I would ask you to explain the errors and possible improvements in detail. Also, zustand was used in the project instead of redux; unfortunately, I didn't notice that redux or react context needed to be used. If this isn't critical, I would like to keep zustand. I also have a question about mobile layout. When expanding the screen in the range from 320 to 639 pixels, should the content expand or remain with fixed width and height (see screenshot)? If fixed, should the content be centered or aligned to the left edge? Thank you for your answer.
223

Copy link

@brespect brespect left a comment

Choose a reason for hiding this comment

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

Hello, first of all, you should deploy your DEMO Link.
Regarding Redux - if the task requires using it, then you need to do exactly that, imagining that this is, for example, a requirement of a real customer.
Regarding the questions about placement and indentation, review the design in detail and try to implement something that is, as it were, but not a perfect pixel, if you have specific questions in the sections, it is better to contact fe_chat, it is much easier this way. It is also very important that all tests pass before sending it to the mentor for review

@SeemsGood78
Copy link
Author

  • [DEMO LINK] (https://SeemsGood78.github.io/react_phone-catalog/)
    I have no idea why the DemoLink doesn’t work. In all previous projects it was already included in the README along with all the required utilities. In this project it wasn’t there, and when I tried to add it myself, a lot of errors appeared that I couldn’t resolve.

@SeemsGood78 SeemsGood78 requested a review from brespect February 5, 2026 14:58
Copy link

@2pasha 2pasha left a comment

Choose a reason for hiding this comment

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

  1. add favicon and change title
Image
  1. your page looks broken because of path to assets.
Image

To fix this use relative path instead of absolute. (should start with .)

Image

if you need some help - feel free to ask in fe_chat 💬

Comment on lines 41 to 52
useEffect(() => {
const hasParams = searchParams.toString().length > 0;

if (!hasParams) {
const defaultParams = new URLSearchParams();

defaultParams.set('sort', 'age');
defaultParams.set('page', '1');
defaultParams.set('perPage', '16');
setSearchParams(defaultParams, { replace: true });
}
}, []);
Copy link

Choose a reason for hiding this comment

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

take a look on linter warning

Image

Comment on lines 14 to 15
// Стили все в один ебана
// Вынести статик говно
Copy link

Choose a reason for hiding this comment

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

remove)

@SeemsGood78
Copy link
Author

  • Replace BrowserRouter with HashRouter for GitHub Pages compatibility
  • Add base URL in vite.config.ts for correct image rendering
  • Remove unnecessary comment)
  • Fix warning
    Now everything should work.

@SeemsGood78 SeemsGood78 requested a review from 2pasha February 6, 2026 13:45
Copy link

@FaiHamid FaiHamid left a comment

Choose a reason for hiding this comment

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

Good job!
Let`s just fix a few details:

1.Change button`s styles on hover and when itqm added.
Image

2.Reduce the image zoom on hover.
Image

3.Pagination buttons looks weird.
Image

4.Add hover to capacity
Image

5.The values for all units are not updating — there should be 5 units in the screenshot, but it only shows 2.
Image

@SeemsGood78
Copy link
Author

All issues are fixed

@SeemsGood78 SeemsGood78 requested a review from FaiHamid February 7, 2026 02:22
Copy link

@2pasha 2pasha left a comment

Choose a reason for hiding this comment

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

good progress 🚀

here are last improvements 🤞

  1. active capacity looks broken
Image
  1. when user change color - product was not found
Image
  1. make this icon as the link to home page
Image

@SeemsGood78
Copy link
Author

2
3

I don't know how you managed this, but you chose a phone model where the 512 GB variant is recorded not as

apple-iphone-14-pro-512gb-gold

but as

apple-iphone-14-pro-512gb

There may be other similar issues in the project, but they are exclusively related to .json files.

@SeemsGood78 SeemsGood78 requested a review from 2pasha February 7, 2026 17:35
Copy link

@etojeDenys etojeDenys left a comment

Choose a reason for hiding this comment

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

last fixes

  1. photo is too big at the moment, so scrolling appears
Image
  1. this link should open in a new tab
Image
  1. make sure these links work
Image
  1. it would be better to add some padding to the links so that users can press around the text and it will still work
Image
  1. add a hover effect to these links
Image

@SeemsGood78
Copy link
Author

What was done:

  • Smooth banner transition animation
  • Header link hover effects
  • Card hover effects
  • Footer was wrapped in a container
  • Added padding for cart and favorites icons
  • Removed the back button in favorites and replaced it with a home icon
  • Added hover effect for the remove item icon in cart
  • Links in Contacts and rights don't lead anywhere and were replaced with #
  • Logo in footer is now also a link to the home page
  • GitHub link now opens in a new window
  • Added border for the Checkout block in cart

Questions:

  • I would like to get more suitable images for the banner slider, sea lions are cool, but I'd like the site to have a consistent theme.
  • Also, I didn't notice any scroll with an empty cart, the image is ~300x300, if the value needs to be reduced, please specify by how much.

Copy link

@2pasha 2pasha left a comment

Choose a reason for hiding this comment

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

great job! 🔥

answer to your question about images: you may use any image as you want in this slider, the purpose of this slider is to show your skills, images are not the main point. But if you want you may use any suitable for you images

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.

5 participants