XYZ Reader project in Udacity's Android Nanodegree.

Phone

Tablet

Prerequisite

You should have the skills you need to complete this app after completing courses:

1. Developing Android Apps
2. Advanced Android App Development
3. Material Design for Android Developers

Abstract

The app is currently functional, and work in most cases for most users. Your job will be to take the user feedback in the UI Review node, and implement changes that will improve the UI and make it conform to Material Design.

User feedback(s)

Lyla says:

“This app is starting to shape up but it feels a bit off in quite a few places. I can't put finger on it but it feels odd.”

Jay says:

“Is the text supposed to be so wonky and unreadable? It is not accessible to those of us without perfect vision."

Kagure says:

“The color scheme is really sad and I shouldn't feel sad.”

Required Tasks

Spend time exploring the current state of the app, looking for ways it could be improved. The app will need multiple improvements. Be sure to look specifically at issues called out in the UI Review.

Enhancement Details

1. Add Left justified app toolbar.

2. Add background image.
3. Add Collaping app toolbar: reduces height when user swipes book selection.

4. Add background gradient overlay for text visibility (regardless of image content).

5. Add vertical tween (coordinated motion) to RecyclerView (Book list) on main activity.
6. Add curve tween (coordinated motion) to thumbnail for transition between main -> detail activity.
7. Full bleed image on detail page.

8. FloatingActionButton (FAB)

9. Animating transition

Rubric

• App uses the Design Support library and its provided widget types (FloatingActionButton, AppBarLayout, SnackBar, etc).
• App uses CoordinatorLayout for the main Activity.
• App theme extends from AppCompat.
• App uses an AppBar and associated Toolbars.
• App provides a Floating Action Button for the most common action(s).
• App properly specifies elevations for app bars, FABs, and other elements specified in the Material Design specification.
• App has a consistent color theme defined in styles.xml. Color theme does not impact usability of the app.
• App provides sufficient space between text and surrounding elements.
• App uses images that are high quality, specific, and full bleed.
• App uses fonts that are either the Android defaults, are complementary, and aren't otherwise distracting.
• App conforms to common standards found in the Android Nanodegree General Project Guidelines. http://udacity.github.io/android-nanodegree-guidelines/core.html https://d17h27t6h515a5.cloudfront.net/topher/2016/June/5769c116_1000-files-tutorial/1000-files-tutorial.pdf
• App utilizes stable release versions of all libraries, Gradle, and Android Studio.

Reference

Starter code

https://github.com/udacity/xyz-reader-starter-code

Material design specification

https://material.io/design/introduction/

JSON data

https://go.udacity.com/xyz-reader-json

Instructor Nico's recommendations

https://discussions.udacity.com/t/fragment-transition-animation/353502/8