Code Monkey home page Code Monkey logo

xyz_reader's Introduction

Material News Reader

Screenshots

Project Overview

In this project, I redesigned an app to follow the Material Design guidelines and translated a set of static design mocks to a living and breathing app.

I improvised the app for this project:

XYZ Reader: A mock RSS feed reader featuring banner photos and headlines. The app was functional in the starter code, and worked in most cases for most users.

My job was 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.

Why this Project?

This project gave me an opportunity to improve an app’s design, a vital skill for building apps users will love. It also replicates a common developer task of updating and changing an app's design as new standards are released.

What Did I Learn?

Through this project, I:

  • Understood the fundamentals of Android design.
  • Applied Material Design guidelines to an mobile application.
  • Separated an interface into surfaces.
  • Effectively used transitions and motion.

User Feedback for XYZ Reader:

(Given with the starter code)

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.”

Rubric

(Rubric requirements needed to be fulfilled for the project to get accepted)

  • 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 .

xyz_reader's People

Contributors

jwill avatar mooocer avatar robuxinc avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.