Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/subhranil002/react-image-gallery
React Image Gallery is a sleek web application for showcasing and browsing through a curated collection of images. It provides a seamless user experience for exploring beautiful imagery ... ❤️
https://github.com/subhranil002/react-image-gallery
axios axios-react image image-gallery javascript pagination react react-router reactjs tailwindcss ui user-interface ux ux-ui
Last synced: 4 days ago
JSON representation
React Image Gallery is a sleek web application for showcasing and browsing through a curated collection of images. It provides a seamless user experience for exploring beautiful imagery ... ❤️
- Host: GitHub
- URL: https://github.com/subhranil002/react-image-gallery
- Owner: subhranil002
- License: mit
- Created: 2024-03-13T17:25:19.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-13T17:39:32.000Z (8 months ago)
- Last Synced: 2024-03-13T19:46:37.382Z (8 months ago)
- Topics: axios, axios-react, image, image-gallery, javascript, pagination, react, react-router, reactjs, tailwindcss, ui, user-interface, ux, ux-ui
- Language: JavaScript
- Homepage: https://subhranil-image-gallery.netlify.app
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Image Gallery
Welcome to the React Image Gallery project! This repository contains a simple yet elegant web application built with React.js for showcasing and browsing through a collection of images.
## Features
- Browse through a collection of images
- View detailed information about each image
- Navigate between pages of images using pagination
## Installation
1. Clone the repository to your local machine:
```
git clone https://github.com/subhranil002/React-Image-Gallery.git
```
2. Navigate into the project directory:
```
cd React-Image-Gallery
```
3. Install dependencies:
```
npm install
```
4. Run the development server:
```
npm run dev
```
5. Open your browser and visit [http://localhost:5173](http://localhost:5173) to view the application.
## Usage
- Upon launching the application, you'll be presented with a gallery of images.
- Click on an image to view its details.
- Use pagination buttons to navigate between pages of images.
## Dependencies
- React.js: A JavaScript library for building user interfaces.
- React Router: Declarative routing for React applications.
- Axios: Promise-based HTTP client for making AJAX requests.
- Tailwind CSS: A utility-first CSS framework for styling.
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/YourFeature`)
3. Commit your changes (`git commit -m 'Add some feature'`)
4. Push to the branch (`git push origin feature/YourFeature`)
5. Open a pull request
Please ensure your pull request follows the repository's guidelines and includes relevant tests or documentation updates if applicable.
## License
This project is licensed under the MIT License - see the [LICENSE](https://github.com/subhranil002/React-Image-Gallery?tab=MIT-1-ov-file) file for details.
Made With ❤️