{"id":26160694,"url":"https://github.com/imksvk/-picquest-","last_synced_at":"2026-05-08T02:03:47.695Z","repository":{"id":281627420,"uuid":"945851200","full_name":"imksvk/-PicQuest-","owner":"imksvk","description":"Image Search Application | JS | API ","archived":false,"fork":false,"pushed_at":"2025-03-10T09:21:29.000Z","size":5,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-10T10:22:10.504Z","etag":null,"topics":["api","js","json"],"latest_commit_sha":null,"homepage":"https://pic-quest-nu.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imksvk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-10T08:23:01.000Z","updated_at":"2025-03-10T09:21:33.000Z","dependencies_parsed_at":"2025-03-10T10:22:11.721Z","dependency_job_id":"7cca62c3-8a98-4f32-b46c-d3725e100b45","html_url":"https://github.com/imksvk/-PicQuest-","commit_stats":null,"previous_names":["imksvk/-picquest-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imksvk%2F-PicQuest-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imksvk%2F-PicQuest-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imksvk%2F-PicQuest-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imksvk%2F-PicQuest-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imksvk","download_url":"https://codeload.github.com/imksvk/-PicQuest-/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243030839,"owners_count":20224669,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","js","json"],"created_at":"2025-03-11T12:19:16.526Z","updated_at":"2025-12-24T03:29:41.523Z","avatar_url":"https://github.com/imksvk.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Image Search App\n\nThis is a simple **Image Search App** that allows users to search for images using the **Unsplash API**. The app fetches and displays images based on user input and provides a **Load More** feature to view additional results.\n\n## Features\n- **Search for Images**: Users can enter a keyword to find relevant images.\n- **Fetch Images from Unsplash API**: Uses Unsplash API to retrieve high-quality images.\n- **Load More Functionality**: Allows users to load more images dynamically.\n- **Responsive UI**: Designed with a modern and visually appealing user interface.\n\n## Technologies Used\n- **HTML** for structuring the webpage.\n- **CSS** for styling the UI.\n- **JavaScript (ES6)** for handling API calls and dynamic content rendering.\n- **Unsplash API** for fetching images.\n\n## How It Works\n1. **User enters a search term** in the input field.\n2. **Click the 'Search' button**, which triggers an API request to fetch images.\n3. **Results are displayed** in a grid format.\n4. **Click 'More Images' button** to fetch and display additional images from the next page.\n\n## File Structure\n```\n/ Image-Search-App\n  |-- index.html         # Main HTML file\n  |-- style.css          # CSS file for styling\n  |-- app.js             # JavaScript file for API interaction\n```\n\n## API Integration\nThe app makes use of the **Unsplash API** to fetch images dynamically. The API key is required to access the service.\n\n```javascript\nconst accessKey = \"YOUR_ACCESS_KEY\";\nconst url = `https://api.unsplash.com/search/photos?query=${searchValue}\u0026per_page=28\u0026page=${page}\u0026client_id=${accessKey}`;\n```\n\n## Setup and Usage\n1. Clone the repository:\n   ```sh\n   git clone https://github.com/yourusername/Image-Search-App.git\n   ```\n2. Navigate to the project directory:\n   ```sh\n   cd Image-Search-App\n   ```\n3. Open `index.html` in a browser.\n4. Enter a keyword in the search bar and click **Search**.\n5. Click **More Images** to load additional images.\n\n## Future Improvements\n- Implement a **dark mode** toggle.\n- Add **pagination controls** for better navigation.\n- Enhance UI with **animations and transitions**.\n\n## License\nThis project is open-source and available under the **MIT License**.\n\n---\n💡 Feel free to contribute and improve this project!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimksvk%2F-picquest-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimksvk%2F-picquest-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimksvk%2F-picquest-/lists"}