e-commerce website frontend part | React | Splide.js | TypeScript

I used splide.js for the sliders to make accessibility better, as the websites with sliders are normally known with bad accesibility.

I felt very hard to make sure the same slide is shown on the modal with enlarged photo. I used the splide.js's method .go() and 'sync()` to acheive this. I still see the weird behaivor the slide going back to previous one when I click next arrow on modal.

Another thing that I felt hard to achieve was breakpoints for different screensizes.

I would like to retry and make it full-stack when I use backend languages.

Any feedbacks are welcome.