https://github.com/nandasafiqalfiansyah/searcing-image
This is a simple website that allows users to search for images. The website is built using NPM, Webpack, and other tools to provide an efficient and user-friendly experience for searching and displaying images.
https://github.com/nandasafiqalfiansyah/searcing-image
babel7 npm webpack
Last synced: 2 months ago
JSON representation
This is a simple website that allows users to search for images. The website is built using NPM, Webpack, and other tools to provide an efficient and user-friendly experience for searching and displaying images.
- Host: GitHub
- URL: https://github.com/nandasafiqalfiansyah/searcing-image
- Owner: nandasafiqalfiansyah
- Created: 2023-06-10T11:16:04.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-15T08:48:28.000Z (over 2 years ago)
- Last Synced: 2025-02-09T19:39:08.477Z (over 1 year ago)
- Topics: babel7, npm, webpack
- Language: JavaScript
- Homepage:
- Size: 10.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Searching Image
This is a website that allows users to search for images. The website is built using NPM, Webpack, and other tools to provide an efficient and user-friendly experience for searching and displaying images.
## Features
- Search for images using keywords
- Display search results in a grid layout
- Show image previews on hover
- Pagination for navigating through search results
- Responsive design for optimal viewing on different devices
## Installation
1. Clone the repository:
```bash
git clone https://github.com/nandasafiqalfiansyah/searcing-image
```
2. Navigate to the project directory:
```bash
cd searching-images
```
3. Install the dependencies using NPM:
```bash
npm i
```
## Usage
1. Start the development server:
```bash
npm run start-dev
```
2. Open your browser and visit `http://localhost:3000` to access the website.
3. Enter a keyword in the search bar and press Enter or click the Search button to search for images.
4. The search results will be displayed in a grid layout. Hover over an image to see a preview.
5. Use the pagination buttons at the bottom to navigate through multiple pages of search results.
## Technologies Used
- HTML
- CSS
- JavaScript
- NPM
- Webpack
- Babel
## Contributing
Contributions are welcome! If you have any ideas or improvements for this project, feel free to open an issue or submit a pull request.
## License
This project is licensed under the [MIT