Giter Site home page Giter Site logo

sathya26d94 / shots Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 68 KB

List all the images from PicSum.com using Collection View. Supports iPhone's portrait and iPad's portrait and landscape orientations. List down the pictures in lower resolution, when clicked on the image actual resolution image will be downloaded and shown.

Swift 100.00%
swift collectionview mvvm picsum universal-app iphone ipad picsum-image resolution ipad-devices

shots's Introduction

Shots

A Universal iOS App (supports both iPhone and iPad devices) that uses the PicSum Image APIS to showcase images from this service. The app has the following two screens:

  1. A screen that shows all the images as thumbnails arranged in a collection view.
  2. Tapping on a thumbnail in the collection view opens a screen that shows the image with full resolution. The following informations are overlaid on the image in its bottom part. a. ID b. Author c. Width in points d. Height in points
  • The UI is adapted to both iPhone and iPad devices.
  • The collection view keeps loading more content as the user keep scrolling down.

TODOS:

  1. Add unit test cases.
  2. Stop calling List api when all contents are fetched.
  3. Inside detai page, if swipes down, load the next image with its details with charming animation
  4. Add launch animation
  5. If user is offline, show alert
  6. add comments.
  7. Use Rxswift in details screen as well

API Ref:

  1. PicSum API details: https://picsum.photos/
  2. PicSum List API: https://picsum.photos/v2/list?page=2&limit=100
  3. PicSum Image Detail API: https://picsum.photos/id/237/200/300 --

shots's People

Contributors

sathya26d94 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.