Completed Project

[Augustwise]

DEMO

Features:

• color theme switching
• skeletons
• ability to change page language (react-i18next library)

In addition to all the functionality, I added the ability to enlarge the image when you click on it. I think it will be a nice bonus, my work in the portfolio will look more polished. You can watch the video to see how it works.

cursorful-video-1770468547921.mp4

The yet-another-react-lightbox library was used for this purpose.

---

I would also like to note that the website has a special delay of 1200 ms so that you can visually see the loading process. It can be removed later.

const DELAY_MS = 1200;

const wait = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));

export const fetchWithDelay = (fetchTarget: RequestInfo | URL) => {
  return wait(DELAY_MS).then(() => fetch(fetchTarget));
};

[FaiHamid]

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

1.Footer should be always at the bottom of page.

2.Image that appears when cart is empty should be smaller.

3.From about 735px to 655px, a horizontal scroll appears on the screen, which should not be there.

[Augustwise]

Fixed the bugs, redeployed the site.

[etojeDenys]

great job