Bit more complicated than last week.
Time spent: 10 hours
- Transform the illustrations on scroll
- Clamp the translate end y values so when you scroll down the illustrations don't fly everywhere. They still have some rotation and scale so it isn't a hard end.
- Clamp the y start values. But adjust the scroll minimum in the range converter to be less than the actual minimum scroll value so the illustrations can bounce past 0 but not just keep flying all over the place.
- Spent forever getting this to be decently designed code instead of 100s of lines of copy paste.
- 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.
- 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.
- 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).
- Conversations
- User can dismiss the conversations screen
- Settings
- User can dismiss the settings screen.
- User can log out