Recreate the Carousel application

18 Hours

• ✔︎ Photo tiles move with scrolling

• ✔︎ Tapping on email/password reveals the keyboard and shifts the scrollview and Sign In button up.
• ✔︎ Upon tapping the Sign In button.
  • ✔︎ If the username or password fields are empty, user sees an error alert.
  • ✔︎ If credentials are incorrect, user sees a loading indicator for 2 seconds followed by an error alert.
  • ✔︎ If the credentials are correct, user sees a loading indicator for 2 seconds followed by a transition to the Sign In screens.
• ✔︎ When the keyboard is visible, if the user pulls down on the scrollview, it will dismiss the keyboard.
• ✔︎ On appear, scale the form up and fade it in.

• ✔︎ Tapping in the form reveals the keyboard and shifts the scrollview and "Create a Dropbox" button up.
• ✔︎ Tapping the Agree to Terms checkbox selects the checkbox.
• ✔︎ Tapping on Terms shows a webview with the terms.
• ✔︎ User is taken to the tutorial screens upon tapping the "Create a Dropbox" button.

• ✔︎ User can page between the screens
• ✔︎ User can page between the screens with updated dots
• ✔︎ Upon reaching the 4th page, hide the dots and show the ”Take Carousel for a Spin" button.

• ✔︎ 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). Conversations
• ✔︎ User can dismiss the conversations screen

• ✔︎ User can dismiss the settings screen.
• ✔︎ User can log out

• ✔︎ Show the "Learn more about Carousel" button in the photo timeline.
• ✔︎ Tap the X to dismiss the banner
• ✔︎ Track the 3 events:
  • ✔︎ View a photo full screen
  • ✔︎ Swipe left and right
  • ✔︎ Share a photo
• ✔︎ Upon completion of the events, mark them green.
• ✔︎ When all events are completed, dismiss the banner.

GIF created with LiceCap.