https://github.com/2kabhishek/flick-query

Minimalist Flickr Frontend 🖼️🔍
https://github.com/2kabhishek/flick-query

bulma dark-mode flickr gallery image-search minimalist

Last synced: 1 day ago
JSON representation

Minimalist Flickr Frontend 🖼️🔍

• Host: GitHub
• URL: https://github.com/2kabhishek/flick-query
• Owner: 2KAbhishek
• License: gpl-3.0
• Created: 2022-04-29T18:53:02.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-08T19:49:25.000Z (about 1 year ago)
• Last Synced: 2024-05-01T16:27:01.679Z (7 months ago)
• Topics: bulma, dark-mode, flickr, gallery, image-search, minimalist
• Language: JavaScript
• Homepage: https://2kabhishek.github.io/flick-query/
• Size: 48.8 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


Flick Query




 



 







 



 



 

Minimalist Flickr Frontend 🖼️🔍


  

  


  flick-query screenshot



## What is this

flick-query is a web app that allows you to search images from Flickr.

## Inspiration

Needed a lighter and cleaner alternative to flickr, found their API.

## Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of `any modern browser`

## Getting flick-query

To get flick-query, follow these steps:

```bash

git clone https://github.com/2kabhishek/flick-query

cd flick-query

```

## Viewing flick-query

Open `index.html` in your favorite browser or visit [2kabhishek.github.io/flick-query](https://2kabhishek.github.io/flick-query).

## How it was built

flick-query was built using `VS Code`, `Bulma CSS`, `HTML`, `CSS` & `JavaScript`.

## Challenges faced

- Fetching image data with plain JS was tricky.

## What I learned

- AJAX with Vanilla JS.

- Flickr API

- Dark mode toggle using Vanilla JS and CSS.

Hit the ⭐ button if you found this useful.

## More Info



Source | Website