Single page design portfolio { React - SCSS - Vite }

Hi Guys👋, this is my solution for this challenge. 🚀

🎁 Features:

• Custom Infinite Slide
• Change the slide via the keyboard
• Animations in some sessions
• Responsive on all devices
• Added accessibility

🛠️ Built With:

• React
• SCSS
• VITE

❓ Question:

I chose to make the slide infinite, so I created a code that updates the index of the previous slide, selected slide, and next slide and made each slide be rendered whenever the selected slide was updated. So I had a little difficulty working with CSS effects in the transition of these slides. Any suggestions for making this infinite slide in a way where I can animate the translateX transform?

Any suggestion is welcome 🤟