A JavaScript web app for browsing dog images by breed, using Dog API
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
media
.gitignore
LICENSE
README.md
app.js
index.html
package-lock.json
package.json

README.md

Doggie Browser

A web application for browsing dog images by breed, using Dog.CEO's Dog API.

Live Demo

Local Installation

  • Clone the project repo
$ git clone https://github.com/tinuola/doggie-browser.git
$ cd doggie-browser
$ npm install
$ live-server

Tooling

  • JavaScript
  • jQuery (dependency for Select2 plugin)
  • Select2 (for search/selection functionality)
  • ScrollReveal
  • Live-Server (for local development)
  • GumGum Design System (for light styling: menu, image grid)

Features

  • Dropdown menu
    • Scroll to browse breed list
    • Type breed name using autocomplete
    • Filter breeds
  • Displays images and search result count
  • Changing selected breed displays a new set of results
  • Scroll to top function
  • Mobile and tablet responsive