https://github.com/sharjeel-siddiqui12/card-carousel-using-react-tailwind

This project is a simple card carousel built using React and Tailwind CSS. It allows users to browse through a collection of cards in a carousel format.
https://github.com/sharjeel-siddiqui12/card-carousel-using-react-tailwind

card cards carousel react reactjs tailwind tailwind-css tailwindcss vite

Last synced: 12 days ago
JSON representation

This project is a simple card carousel built using React and Tailwind CSS. It allows users to browse through a collection of cards in a carousel format.

• Host: GitHub
• URL: https://github.com/sharjeel-siddiqui12/card-carousel-using-react-tailwind
• Owner: sharjeel-siddiqui12
• License: mit
• Created: 2024-08-25T21:37:05.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-27T20:30:07.000Z (5 months ago)
• Last Synced: 2024-11-09T15:23:30.543Z (2 months ago)
• Topics: card, cards, carousel, react, reactjs, tailwind, tailwind-css, tailwindcss, vite
• Language: JavaScript
• Homepage: https://card-carousel-react.netlify.app/
• Size: 3.87 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Card Carousel using React and Tailwind CSS

## Description

This project is a simple card carousel built using React and Tailwind CSS. It allows users to browse through a collection of cards in a carousel format.

## Features

- Responsive design: The card carousel is designed to be fully responsive, ensuring a seamless user experience across different devices and screen sizes.

- Smooth transitions: The carousel provides smooth and visually appealing transitions between cards, enhancing the overall user experience.

- Customizable: The project is highly customizable, allowing developers to easily modify the design, content, and functionality of the card carousel to suit their specific needs.

- Easy integration: The card carousel can be easily integrated into existing React projects, making it a convenient choice for developers.

## Installation

1. Clone the repository: `git clone https://github.com/sharjeel-siddiqui12/card-carousel-using-react-tailwind.git`

2. Navigate to the project directory: `cd card-carousel-using-react-tailwind`

3. Install the dependencies: `npm install`

4. Start the development server: `npm start`

## Usage

1. Open your web browser and navigate to `http://localhost:3000`.

2. You will see the card carousel displayed on the page.

3. Use the navigation arrows or swipe gestures (on touch-enabled devices) to browse through the cards.

4. Click on a card to view more details or perform any desired actions.

## Screenshot



## Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository.

2. Create a new branch: `git checkout -b feature/your-feature-name`

3. Make your changes and commit them: `git commit -m 'Add some feature'`

4. Push to the branch: `git push origin feature/your-feature-name`

5. Submit a pull request.

## License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.