kisbalazspatrik / responsive-carousel

just testing some things

Responsive Carousel

This project demonstrates a responsive carousel built with React and TypeScript. The carousel automatically adapts to the width of the screen and supports touchpad or mouse wheel navigation.

Features

• Responsive design: The carousel adjusts its width based on the viewport width.
• Mouse wheel / touchpad support: Users can navigate through the carousel using their mouse wheel or touchpad.
• Smooth transitions: The carousel uses CSS transitions to provide a smooth experience while navigating between slides.

Getting Started

These instructions will help you set up the project on your local machine for development purposes.

Prerequisites

• Node.js (version 12.x or later recommended)
• npm (version 6.x or later recommended)

Installation

1. Clone the repository:

git clone https://github.com/kisbalazspatrik/responsive-carousel.git

2. Change to the project directory:

cd responsive-carousel

3. Install dependencies:

npm install

4. Start the development server:

npm start

5. Open your browser and navigate to http://localhost:3000. The carousel should now be displayed.

Usage

To use the carousel, simply scroll using your mouse wheel or touchpad. The carousel will automatically navigate between the slides based on your scroll direction.

Built With

• Next - A framework for building React applications with advanced features
• TypeScript - A typed superset of JavaScript that compiles to plain JavaScript

License

This project is licensed under the MIT License - see the LICENSE file for details.