Responsive "Testimonials Slider" React / Framer Motion / Tailwind CSS

First time using TypeScript with React. it takes more time to implement components since I have to use the exact types and interfaces. hopefully, it will make life easier in more complicated projects.

I also learned and used framer motion for the transition effects. I've added a select element at the top of the page where you can change the transition effect.

I went the unorthodox way of having the buttons inside the sliding elements. which may not be the best for accessibility and made it harder to implement but instead I learned a lot trying to pull it off. the upside is that each slide/element can have different-looking buttons in any location and just has to call a parent function to switch to the next/previous slide. I have some ideas for some personal projects in the future.

You can navigate with left/right arrow keys, swiping left/right, and of course the buttons.