Image Slider with React hooks

Image slider that lets you drag to change images in React, rendered in a single canvas element Made with React Hooks

Browser Compatibility

The image slider is designed to work on the latest versions of Chrome, Firefox, or Safari.

Supported Browsers

• Google Chrome
• Mozilla Firefox
• Safari

Installation

Install dependencies:

npm install

Running the Built Release

Prerequisites

Make sure you have Node.js and nws installed. If not, you can install nws globally using:

npm install -g nws

Option 1: Use the Provided Build

If you prefer a ready-made solution:

• Navigate to the build directory:

cd build

• Start the static file server using nws:

nws

• Open your preferred browser and visit the provided URL, typically http://localhost:3030

Now the image slider will be running from the built release.

Option 2: Build the Project Yourself

If you want to build the project from scratch:

• Run the command:

npm run build

• Follow the steps from Option 1

Notes

• Deployment link: https://image-slider-kappa.vercel.app/