Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yadamvinay369/imagetracer
A responsive image search engine made using HTML, CSS, JS and pexels API
https://github.com/yadamvinay369/imagetracer
cicd html-css-javascript pexels-api
Last synced: 6 days ago
JSON representation
A responsive image search engine made using HTML, CSS, JS and pexels API
- Host: GitHub
- URL: https://github.com/yadamvinay369/imagetracer
- Owner: YadamVinay369
- Created: 2024-07-17T05:31:03.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-20T14:39:17.000Z (6 months ago)
- Last Synced: 2024-11-20T21:38:58.187Z (2 months ago)
- Topics: cicd, html-css-javascript, pexels-api
- Language: CSS
- Homepage: https://image-tracer-madebyvinay.netlify.app/
- Size: 1.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Image Tracer
InsightRise is a responsive single-page image search engine developed using HTML, CSS, JavaScript, and Pexels API with smooth aesthetic design.
## Project Description
Image Tracer fetches the latest images as per the user's search query and displays them.
## Salient Features
1. The user can search for an image.
2. The user can Download an image.
3. Responsive Design.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/YadamVinay369/ImageTracer.git
```
2. Navigate to the project directory:
```bash
cd ImageTracer
```
3. Open the project in a code editor (e.g., VS Code):
```bash
code .
```
4. Open index.html in a web browser to view the website:
## Usage Instructions
1. Search Images:
Enter a keyword in the search bar and click the search button to find the latest images related to that keyword.
2. Downloading Images:
Hover over the images to see the download button or click the image to see the download option on the top-right.
## API usage
The project uses the Pexels API, free to run on local machines and deployment.
## Contributing
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository:
Click the "Fork" button at the top right corner of this repository.
2. Clone your fork:
```bash
git clone https://github.com/YadamVinay369/insightrise.git
```
3. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
4. Make your changes and commit them:
```bash
git commit -m "Add your message here"
```
5. Push to your fork:
```
git push origin feature/your-feature-name
```
## Authors
- [@ Vinay Yadam](https://www.github.com/YadamVinay369)