Skip to content
An application to browse the internet's biggest collection of open source dog pictures.
TypeScript CSS Swift HTML Ruby JavaScript
Branch: master
Clone or download
peterpeterparker Merge pull request #1 from peterpeterparker/lazy-img
feat: update and use lazy img component
Latest commit 583de64 Nov 29, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows fix: CI deploy Firebase deploy default project Nov 27, 2019
ios feat: add capacitor platform ios Nov 26, 2019
public feat: don't reimport workbox Nov 28, 2019
src feat: use lazy component for a smoother display of the image Nov 29, 2019
.firebaserc
.gitignore fix: CI deploy need Firebase configuration in project Nov 27, 2019
LICENSE feat: add a README Nov 28, 2019
README.md fix: typo Nov 28, 2019
capacitor.config.json feat: add capacitor platform ios Nov 26, 2019
firebase.json fix: CI deploy need Firebase configuration in project Nov 27, 2019
ionic.config.json
package-lock.json release: v1.1.0 Nov 29, 2019
package.json release: v1.1.0 Nov 29, 2019
tsconfig.json Initial commit Nov 25, 2019
tslint.json Initial commit Nov 25, 2019

README.md

Wooof logo

Wooof - An application to browse the internet's biggest collection of open source dog pictures.

I have developed it to experiment Ionic + React for the Ionic Zürich Meetup Thursday 5th December 2019.


Website GitHub release Tweet


Table of contents

Getting Started

Beside the learning of using Ionic and React, the following features and topics have been covered and implemented in this app.

  • Fetch API data with Hooks
  • Add components and pass properties
  • Navigation with parameters
  • Infinite scroll and refresher
  • Picker (triggered with a controller)
  • Toast (triggered with a state)
  • Including and using a Stencil Web Component
  • Capacitor plugins share and storage
  • Services worker to cache images
  • Deploy with GitHub Actions

I intend to probably write one or some blog posts about the above subjects 😇

Dog API

The API used in this application to browse and display doggos is the Dog API, the internet's biggest collection of open source dog pictures.

Moreover than being open source and free, this API also allows CORS requests.

Side note: You could find more free APIs in the public-apis GitHub repo.

Development

To develop and run this application locally, proceed as following:

git clone https://github.com/peterpeterparker/wooof
cd wooof
npm install
ionic serve

License

MIT © David Dal Busco

You can’t perform that action at this time.