Hey, I'm Wayne

Software Engineer located in the Indianapolis Area.

This app is the product of a code challenge for a job that I was interested in.

Requirements:

  • Use your favourite framework: React, Angular, Vue, Express, Rails, etc
  • Unsplash API.
  • Grid of photos should preserve the aspect ratio of the photos it's displaying, meaning you shouldn't crop the image in any way.
  • Design should be responsive to work in desktop and mobile
  • Grid should work in both portrait and landscape orientations of the device.
  • Grid should support pagination, i.e. you can scroll on grid of photos infinitely.
  • When user taps on a photo on the grid it should show the photo in full screen with more information about the photo.
  • Full screen mode should show arrows on the left and right edges of the photo when user moves the mouse or touches the screen.
  • When user clicks on the arrow on a photo in full screen, it should show the the next/previous photo and preserve current photos location on the grid, so when she dismisses the full screen, grid of photos should contain the last photo she saw.

I overshot the goal a bit.

I tend to have fun building apps like this and get carried away.

Extras:

  • Ability to search Unsplash collections and/or a raw image search.
  • User collections.
  • Related collections.
  • Use AWS Lambda for my API
  • Gave Recoil.js a try - a new way of managing state in React apps
  • Theme switcher.
  • Bought cats-or-dogs.app domain :)
  • Hosted on Netlify

Find the repo on Github.