Random Image Gallery

Overview

Random Image Gallery is a web application built with React, Vite, and TypeScript that allows users to generate and display random images. This project utilizes my custom API from another repository, which serves random images.

Preview

Check out the live demo of the project.

Features

• Generate random images with the press of a button.
• Dynamic rendering of images in a mobile-friendly layout.
• Images are stacked on top of each other for easier viewing.
• Responsive design suitable for various screen sizes.
• Custom footer with a link to my GitHub profile.

Technologies Used

• React/Vite: For building the user interface.
• TypeScript: For static typing and better development experience.
• Bootstrap: For responsive design and layout styling.

Getting Started

To run this project locally, follow these steps:

Prerequisites

Make sure you have the following installed:

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/random-image-gallery.git
   cd random-image-gallery

2. Install the dependencies:

   npm install

3. Run the project:

   npm run dev

   Open your browser and navigate to http://localhost:3000

Usage

Click the "Generate Image" button to fetch a new random image.
The images will be displayed in a single column layout one on top of the other

Contributing

Contributions are welcome! If you have suggestions or improvements, please fork the repository and submit a pull request.