Skip to content

SimpleCyber/ImageHub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ImageHub

ImageHub is an easy-to-use image gallery that allows you to display and explore images dynamically. The project provides a backend API to serve images, a random image feature, and an intuitive frontend interface for browsing, zooming, and fullscreen views.

Project Integration

  1. Get Random images for your project JSON Format :
    https://imageshub.onrender.com/api/random-image
  2. Download the images :
    https://imageshub.onrender.com

Features:

  • Image Gallery: Browse through an interactive image gallery with thumbnail previews.
  • Random Image: View random images by clicking the "Random Image" button.
  • Image Zoom: Zoom in on an image for a closer look.
  • Fullscreen View: View images in fullscreen mode for better visibility.
  • Copy Image URL: Easily copy the current image or random image URL.

API Endpoints:

  • GET /api/image?img={index}: Fetch an image by index number.
  • GET /api/random-image: Fetch a random image URL from the server.

Installation

  1. Clone the repository:
    git clone https://github.com/SimpleCyber/ImageHub.git
  2. Install dependencies:
    npm install
  3. Run the development server:
    npm start

Usage

  • Visit the project in your browser (default: http://localhost:3000).
  • Use the provided controls to browse through images, view them in fullscreen, or copy the URL.

About

API : ImageHub offers an API to fetch random images for easy integration into your projects URL : https://imageshub.onrender.com/api/random-image.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published