diff --git a/README.md b/README.md index 6adb5d588..3ec032c36 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,6 @@ -Now in Android App [WIP] +![Now in Android](docs/images/nia-splash.jpg "Now in Android") + +Now in Android App [Work in progress 🚧] ================== This is the repository for the [Now in Android](https://developer.android.com/series/now-in-android) @@ -9,6 +11,8 @@ follows Android design and development best practices and is intended to be a us for developers. As a running app, it's intended to help developers keep up-to-date with the world of Android development by providing regular news updates. +The app is currently in early stage development and is not yet available on the Play Store. + # Features Now in Android displays content from the @@ -16,7 +20,12 @@ Now in Android displays content from the links to recent videos, articles and other content. Users can also follow topics they are interested in or follow specific authors. - +## Screenshots + +![Screenshot showing For You screen](docs/images/screenshot-1-foryou.png "Screenshot showing For You screen") +![Screenshot showing Interests screen](docs/images/screenshot-2-interests.png "Screenshot showing Interests screen") +![Screenshot showing Topic detail screen](docs/images/screenshot-3-topicdetail.png "Screenshot showing Topic detail screen") + # Development Environment @@ -34,23 +43,72 @@ NOTE: Building the app using an M1 Mac will require the use of [the following bug](https://github.com/protocolbuffers/protobuf/issues/9397#issuecomment-1086138036) for more details. - +UI components are designed according to [Material 3 guidelines](https://m3.material.io/) and built +entirely using [Jetpack Compose](https://developer.android.com/jetpack/compose). + +The app has two themes: + +- Dynamic color - uses colors based on the [user's current color theme](https://material.io/blog/announcing-material-you) (if supported) +- Default theme - uses predefined colors when dynamic color is not supported + +Each theme also supports dark mode. + +The app uses adaptive layouts to +[support different screen sizes](https://developer.android.com/guide/topics/large-screens/support-different-screen-sizes). + +Find out more about the [UI architecture here](docs/ArchitectureLearningJourney.md#ui-layer). # Baseline profiles diff --git a/docs/images/nia-splash.jpg b/docs/images/nia-splash.jpg new file mode 100644 index 000000000..c2b50418a Binary files /dev/null and b/docs/images/nia-splash.jpg differ diff --git a/docs/images/screenshot-1-foryou.png b/docs/images/screenshot-1-foryou.png new file mode 100644 index 000000000..0839e4b27 Binary files /dev/null and b/docs/images/screenshot-1-foryou.png differ diff --git a/docs/images/screenshot-2-interests.png b/docs/images/screenshot-2-interests.png new file mode 100644 index 000000000..8e2674b2c Binary files /dev/null and b/docs/images/screenshot-2-interests.png differ diff --git a/docs/images/screenshot-3-topicdetail.png b/docs/images/screenshot-3-topicdetail.png new file mode 100644 index 000000000..22fc384d5 Binary files /dev/null and b/docs/images/screenshot-3-topicdetail.png differ