Skip to content

Latest commit

 

History

History
42 lines (29 loc) · 1.93 KB

README.md

File metadata and controls

42 lines (29 loc) · 1.93 KB

About This App

Welcome to Online Image Slider – a sleek, interactive application designed to bring stunning images right to your fingertips!

What It Does:

This app lets you search for and view beautiful images sourced from Unsplash. You can navigate through images with smooth transitions and enjoy a dynamic image slider that updates seamlessly with each click. Whether you’re looking for inspiration or just love exploring beautiful visuals, this app is your go-to destination.

Features:

  • Search and Discover: Enter any search term to find images that match your interests.
  • Seamless Navigation: Easily navigate through images using intuitive controls.
  • Page Navigation: Browse through multiple pages of search results with simple pagination controls.
  • Online Status Indicator: Stay informed about your connectivity with a real-time online status indicator.
  • Error Handling: Automatically reload the image search if an error occurs.

Technology Used:

  • React: For building a responsive and dynamic user interface.
  • Tailwind CSS: For modern, utility-first styling and custom components.
  • Axios: For making API requests to Unsplash.
  • Unsplash API: The source of high-quality, royalty-free images.

How to Use:

  1. Search for Images: Type a keyword into the search box and hit Enter to start searching.
  2. Navigate Through Images: Use the arrows to view the previous or next image, or select a thumbnail to jump to a specific image.
  3. Pagination: Move between pages of search results using the page controls.
  4. Reload: If something goes wrong, click the refresh icon to reload your search results.

Get Started:

To get started, clone the repository and install the dependencies:

git clone https://github.com/your-username/your-repo.git
cd your-repo
npm install
npm start

Enjoy exploring endless visual content with this Online Image Slider app!