Skip to content

AdityaKMishra01/Image-Carousel

Repository files navigation

Image Carousel

A sleek and interactive Image Carousel built using React. This project allows users to slide through images, select any image to change the background dynamically, and enjoy smooth transitions for a seamless user experience.

Features

  • Dynamic Background Change: Clicking on an image updates the background with the selected image.
  • Smooth Sliding: Users can navigate through images with smooth sliding animations.
  • Responsive Design: Fully optimized for different screen sizes and devices.
  • Lazy Loading: Improves performance by loading images only when needed.
  • Custom Styling: Easily adaptable design with clean CSS.

Technologies Used

  • React: For building the user interface.
  • Vite: For fast and optimized development.
  • CSS: For styling and animations.

Screenshots

Home Page

Home Page

Demo

Live Demo

Installation and Setup

Follow these steps to get the project running locally:

Prerequisites

  • Node.js installed (v16+ recommended)
  • npm or yarn installed

Clone the Repository

git clone https://github.com/AdityaKMishra01/Image-Carousel
cd image-carousel