Skip to content

A test exercise for the one of the UK's biggest online retail companies.

License

Notifications You must be signed in to change notification settings

rshev/Demo_ProductBrowser

Repository files navigation

Example_ProductBrowser

The test project for the one of the UK's biggest online retail companies.

Client requirements

  • Display a splash screen with a spinner until the list of categories is loaded
  • Dynamically build a list of sections and categories within a hamburger menu
  • After selecting a category, items loaded in a grid layout, tappable to go to the details screen
    • Images loaded asynchronously, as the view is scrolled
    • Double-tap should favorite/unfavorite an item, displaying a yellow border around the image
    • Tapping the favorites button in the tab bar should display an alert with a list of "favorited" items
  • Details screen should show all the item's photos within a scrollView
    • Tapping the 'add to bag' button should add the item to the bag
    • Tapping the bag button in the tab bar should display and alert with a list of id-quantity pairs of items added to the bag
  • Everything should be downloaded from 4 JSONs: 2 for each of sections, 1 containing items and 1 with item details

Project highlights

  • Swift 2.2 + RxSwift technology stack, MVVM architecture

  • All auto-layout (try rotating to landscape at any screen, try 4S)

  • Weak references where appropriate, no strong reference cycles at all (definitely try profiling it)

  • Paged ScrollView on product details screen auto-adjusts content offset to be on the same page when device is rotated (try rotating it there with different product images on screen). Also, this paged ScrollView built with ImageViews with constraints in code after getting images from the Backend (making it independent of images count).

  • Product Details screen has "Add to Bag" button pinned to the bottom of the screen if the screen is big enough, but if the screen is small (4S), the button is scrolled with the whole screen. Made with zero lines of code, only with auto-layout constraints. (definitely try it)

  • Uses Moya+Alamofire for Backend access with custom RxSwift extension to re-try failed network requests automatically. Asynchronous image download with in-memory cache.

  • Helper for shopping bag bar button draws item count off-screen and replaces bar button for a View Controller it manages.

  • Using R.swift for statically typed resources (images, storyboards, segues etc)

  • Tests

  • Generally, a lot of comments in code

  • Adjusted to compile with Swift 2.3 recently

  • Mocked "backend" is in the gh-pages branch

License

MIT

About

A test exercise for the one of the UK's biggest online retail companies.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published