Skip to content

tinuola/doggie-browser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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