React Tailwind Swiper

This is a simple React and Tailwind CSS project that allows you to swap items between two lists with "Next" and "Previous" buttons.

Project Overview

The project consists of two lists, initially displaying on the left side. The user can click the "Next" button to move items from the left list to the right list. Likewise, the "Previous" button allows the user to revert this action.

Technologies Used

• React
• Tailwind CSS

Getting Started

1. Clone the repository:

   git clone https://github.com/aziz-codes/react-items-swiper.git
   

2. Navigate to the Project dir

   cd react-items-swiper
   

3. Install dependencies:

   npm install
   

4. Run the application:

   npm run dev
   

5. Open your browser and go to http://localhost:5173 to view the app.

How to Use

The left list displays the initial set of items. Click the "Next" button to move an item from the left list to the right list. Click the "Previous" button to revert the last action. Folder Structure src/ components/: React components used in the project. App.js: Main application component. Customize and Extend Feel free to customize and extend this project based on your needs. You can modify the UI, add more features, or integrate it into a larger application.

Contributing If you find any issues or have suggestions for improvement, feel free to open an issue or create a pull request.

License

This project is licensed under the MIT License.