Directory Structure of our Carousel App

Your final folder structure will look like this:

genz-carousel-app/

├── public/

│   └── carousel/

│       ├── Helloooo.jpeg

│       ├── download.jpeg

│       └── CatQuote.jpeg

├── src/

│   ├── App.jsx

│   ├── Carousel.jsx

│   ├── index.css

│   └── main.jsx

├── index.html

├── tailwind.config.js

├── package.json

Let’s now build the components one by one.