Code Monkey home page Code Monkey logo

ios8_carousel's Introduction

ios8_carousel

[prototyping] Carousel iOS8 App

image

Overview

The purpose of this homework is to leverage views, view properties, and events to create a high fidelity prototype that is difficult to distinguish from a production app. We're going to use the techniques from this week to implement the Carousel app from the signed out state to the basic signed in state.

User Stories

  • Photo tiles on the initial screen moves with scrolling
  • Sign In
    • Tapping on email/password reveals the keyboard and shifts the scrollview and Sign In button up.
    • User sees an error alert when no email is present or no password is present.
    • User sees a loading screen upon tapping the Sign In button.
    • User sees an error alert when entering the wrong email/password combination.
    • User is taken to the tutorial screens upon entering the correct email/password combination.
    • Optional: When the keyboard is visible, if the user pulls down on the scrollview, it will dismiss the keyboard.
    • Optional: On appear, scale the form up and fade it in.
  • Optional: Sign Up
    • Optional: Tapping in the form reveals the keyboard and shifts the scrollview and "Create a Dropbox" button up.
    • Optional: Tapping the Agree to Terms checkbox selects the checkbox.
    • Optional: Tapping on Terms shows a webview with the terms.
    • Optional: User is taken to the tutorial screens upon tapping the "Create a Dropbox" button.
  • Tutorial Screens
    • User can page between the screens
    • Optional: User can page between the screens with updated dots
    • Optional: Upon reaching the 4th page, hide the dots and show the "Take Carousel for a Spin" button.
  • Image Timeline
    • Display a scrollable view of images.
    • User can tap on the conversations button to see the conversations screen (push).
    • User can tap on the profile image to see the settings view (modal from below).
  • Settings
    • User can dismiss the settings screen.
    • User can log out
  • Optional: Learn more about Carousel
    • Optional: Show the "Learn more about Carousel" button in the photo timeline.
    • Optional: Tap the X to dismiss the banner
    • Optional: Track the 3 events:
      • View a photo full screen
      • Swipe left and right
      • Share a photo
    • Optional: Upon completion of the events, mark them green.
    • Optional: When all events are completed, dismiss the banner.

Time spent

8 hours spent in total

Libraries

platform :ios, '8.0'
pod 'AVHexColor', '~> 1.2.0'
pod 'Reveal-iOS-SDK'

ios8_carousel's People

Contributors

stanleyhlng 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.