https://github.com/hashlin/rally

Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html
https://github.com/hashlin/rally

android constraint-layout dark-theme material-design material-ui materialcomponents nightmode rally

Last synced: 9 days ago
JSON representation

Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html

• Host: GitHub
• URL: https://github.com/hashlin/rally
• Owner: hashlin
• Created: 2019-07-29T07:00:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-02-11T16:20:35.000Z (almost 5 years ago)
• Last Synced: 2024-08-01T19:53:40.454Z (4 months ago)
• Topics: android, constraint-layout, dark-theme, material-design, material-ui, materialcomponents, nightmode, rally
• Language: Kotlin
• Homepage:
• Size: 20.8 MB
• Stars: 458
• Watchers: 15
• Forks: 60
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - hashlin/rally - Unofficial Implementation of Material Studies https://material.io/design/material-studies/rally.html (Kotlin)

README

        
# Rally

[Rally](https://material.io/design/material-studies/rally.html) is a personal finance app that uses Material Design components and Material Theming to create an on-brand experience with a data-driven aesthetic.

![Rally](images/rally-cover.png)

*Ref: [material.io](https://material.io)* 
 


Rally is a part of Google's Material Studies. It is originally a design case study and no codes.

So, we tried to implement the app for Android. We craft it looks like design as close as possible and customize a lot of UI components and use [Material Components](https://github.com/material-components/material-components-android) for theming. 
 


Here are some highlights:

### [RallyTab](https://github.com/hashlin/rally/blob/master/app/src/main/java/io/material/rally/ui/RallyTab.kt)

![Tabs](highlights/hl-tab.gif)

Such kind of tab is not default on Android. We made it possible by using Constraint Layout's Flow.

***

### [Graphs and Tabs](https://github.com/hashlin/rally/tree/master/rally_scrollable_tab/src/main/java/com/example/rally_scrollable_tab)

![Graphs](highlights/hl-graph.gif)

Meaningful motions and neat animations make the graph unique. Handcrafted the component on canvas.

***

### [Pie Chart](https://github.com/hashlin/rally/tree/master/rally_pie/src/main/java/io/material/rally_pie)

![Pie](highlights/hl-pie.gif)

Pie chart on canvas and make animation exactly the same with original.

***

### Tablet UI

![Tablet UI](highlights/hl-tablet.gif)

Made Rally unique on tablet, too.

***

### Articles about Rally

https://medium.com/@chanmyaeaung1/drawing-bezier-curve-like-in-google-material-rally-e2b38053038c

***

Find us on Twitter:

[@Thechanmyaeaung](https://twitter.com/Thechanmyaeaung)

[@Linminphyoe1](https://twitter.com/linminphyoe1)