https://github.com/sanjaraiy/imagesearchengine

This repository features an Image Search Engine built with HTML, CSS, and JavaScript. Search and explore images effortlessly with a sleek and intuitive interface! 🚀✨
https://github.com/sanjaraiy/imagesearchengine

css-flexbox css3 fetch-api html5 javascript pagination responsive-design unplash-api

Last synced: about 2 months ago
JSON representation

This repository features an Image Search Engine built with HTML, CSS, and JavaScript. Search and explore images effortlessly with a sleek and intuitive interface! 🚀✨

• Host: GitHub
• URL: https://github.com/sanjaraiy/imagesearchengine
• Owner: sanjaraiy
• Created: 2024-01-08T21:25:47.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-07-13T16:35:49.000Z (6 months ago)
• Last Synced: 2024-07-13T17:52:36.226Z (6 months ago)
• Topics: css-flexbox, css3, fetch-api, html5, javascript, pagination, responsive-design, unplash-api
• Language: CSS
• Homepage: https://image-search-engine-psi.vercel.app
• Size: 866 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Image Search Engine Version(1.0)

This project is based on `HTML`, `CSS` and `Javascript`. this project is responsive for different devices.

## Description :-

Here, html, css and js code was written clearly and in readable format, we can search any kind of picture and it gives the randomly pictures for doing this work, a external API was used here,it fetches the pictures from external source and gives us into a json format and further json document is handled by javascript's in-built methods.

## Used API for Images :-

```

https://api.unsplash.com/search/photos?page=${page}&query=${keyword}&client_id=${accessKey}&per_page=12

```

## Used font-family :-

```

 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

```

## Features :-

- Responsive for different devices.

- Give random pictures.

- Search any number of pictures.

## Demo Image :-

![Demo](https://github.com/sanjaraiy/ImageSearchEngine/blob/main/demo.png)

## Version(1.1) :-

- Add more functionality.

- Upgrade new web technologies.

- Do more better UX/UI of it.