Skip to content

A sleek React app for discovering and browsing beautiful images from Unsplash. Features include dynamic image sliders, page navigation, and online status indicator. Built with React, Tailwind CSS, and Axios.

Notifications You must be signed in to change notification settings

treezycoder/online-image-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

A sleek React app for discovering and browsing beautiful images from Unsplash. Features include dynamic image sliders, page navigation, and online status indicator. Built with React, Tailwind CSS, and Axios.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published