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.