Carousel

CodePath project

Project Requirements

• [x] Static photo tiles on the initial screen
  • [x] Optional: Photo tiles move with scrolling
• [x] Sign In
  • 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.
• • [x] Optional: When the keyboard is visible, if the user pulls down on the scrollview, it will dismiss the keyboard.
• • [x] Optional: On appear, scale the form up and fade it in.
• [x] Optional: Create a Dropbox
  • 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.
• [x] Tutorial Screens
  • User can page between the screens
  • [x] Optional: User can page between the screens with updated dots
  • [x] Optional: Upon reaching the 4th page, hide the dots and show the "Take Carousel for a Spin" button.
• [x] 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).
• [x] Conversations
• User can dismiss the conversations screen
• [x] Settings
  • User can dismiss the settings screen.
  • User can log out
  • [x] Confirm log out action sheet
• [ ] Optional: Learn more about Carousel
  • [x] Optional: Show the "Learn more about Carousel" button in the photo timeline.
  • [x] 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.

Video Walkthrough

Here's walkthrough demos of implemented user stories:

GIF created with LiceCap.

License

Copyright [2016] [Diana Nedkova]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.