Wall Haven Wallpaper Search

Wall Haven Wallpaper Search is a responsive wallpaper website that allows you to search for high‑quality wallpapers using the Pixabay API. The site features a dynamic masonry grid layout, infinite scrolling, smooth animations, and the ability to download and save your favorite wallpapers locally.

Homepage

Favourites Page

Features

• Wallpaper Search:
  Search for wallpapers by keyword using the Pixabay API.

• Infinite Scrolling:
  Automatically loads more wallpapers as you scroll down the page.

• Masonry Grid Layout:
  Displays images in a visually appealing, Pinterest‑style layout.

• Image Download:
  Download wallpapers with a custom file name format.

• Favorites:
  Save your favorite wallpapers to localStorage and view them on a dedicated Favorites page.

• Smooth Animations:
  Powered by GSAP for animated transitions and effects.

• Typewriter Effect:
  A dynamic typewriter animation for the search bar placeholder.

Dependencies

• Pixabay API Keys
• GSAP for animations
• ScrollToPlugin for smooth scrolling

Installation

1. Clone the repository:

   git clone https://github.com/iam-sahil/wall_haven

2. Change directory

   cd wall_haven

3. Change directory

   cd js

4. Create the file pixabaykeys.js

    export const apiKeys = [
        'key-1',
        'key-2',
    ];
   
    let currentKeyIndex = 0;
   
    export function getNextApiKey() {
        const key = apiKeys[currentKeyIndex];
        currentKeyIndex = (currentKeyIndex + 1) % apiKeys.length;
        return key;
    }

5. Launch

   Simply run index.html in a browser