https://github.com/adamkumlin/frontend-image-search

A simple image search engine built using vanilla HTML/CSS/JS and Pixabay API. Created by Simon Sörqvist and Adam Kumlin.
https://github.com/adamkumlin/frontend-image-search

api css html javascript pixabay-api

Last synced: 15 days ago
JSON representation

A simple image search engine built using vanilla HTML/CSS/JS and Pixabay API. Created by Simon Sörqvist and Adam Kumlin.

• Host: GitHub
• URL: https://github.com/adamkumlin/frontend-image-search
• Owner: adamkumlin
• License: mit
• Created: 2024-01-30T10:17:16.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-19T17:54:06.000Z (9 months ago)
• Last Synced: 2024-10-11T00:14:29.090Z (about 1 month ago)
• Topics: api, css, html, javascript, pixabay-api
• Language: JavaScript
• Homepage: https://adamkumlin.github.io/frontend-image-search/
• Size: 89.8 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Search engine website utilizing Pixabay API

This is a search engine website written in vanilla JavaScript, HTML & CSS that communicates with the Pixabay API (Documentation)

# Assignment

Write a search engine using HTML, CSS, and JavaScript that fetches its images from Pixabay. The exact design and content are up to you, but you must meet the following requirements:

- Users should be able to enter a search term and choose a color for the images. They should also be able to select "any color" and see images regardless of color.

- Next to each image, there should be the image tags (Pixabay images do not have titles) and the photographer's name.

- There should be buttons for "previous page" and "next page" to navigate between search results. These buttons should be disabled when the user is on the first or last page.

- The search engine should display 10 images at a time.

- Refer to the documentation for the Pixabay API to learn how the API is used and what it can do.

- You need an API key to use the API, which you can obtain by creating a Pixabay account.

- The website should have semantic HTML and a responsive design.

- Do not use any libraries or frameworks; only your own code.