Create README.md

README.md

@@ -0,0 +1,32 @@
+# HateConscription
+An useful App for Taiwanese who is during conscription. 
+對正在服兵役的台灣人來說實用的App
+1. 退伍日其計算
+2. 退伍倒數天數
+#Demo
+<div style="width:960px; margin:0 auto;">
+<img src="https://github.com/ylchen19/HateConscription/blob/master/Screenshot_20240211_161754.png" width=30% height=30%>
+<img src="https://github.com/ylchen19/HateConscription/blob/master/Screenshot_20240211_161850.png" width=30% height=30%>
+<img src="https://github.com/ylchen19/HateConscription/blob/master/Screenshot_20240211_161901.png" width=30% height=30%>
+<img src="https://github.com/ylchen19/HateConscription/blob/master/Screenshot_20240211_161959.png" width=30% height=30%>
+</div>
+
+# UI & Data State
+Use unidirectional data flow (UDF) to manage the UI state for UI layer.
+https://developer.android.com/topic/architecture/ui-layer/stateholders?hl=zh-tw
+<div style="width:960px; margin:0 auto;">
+<img src="https://developer.android.com/static/images/topic/architecture/ui-layer/udf.png" width=30% height=30%>
+</div>
+
+# App architecture
+Follow MVVM model
+https://developer.android.com/topic/architecture?hl=zh-tw
+<div style="width:960px; margin:0 auto;">
+<img src="https://developer.android.com/static/topic/libraries/architecture/images/mad-arch-overview.png?hl=zh-tw" width=30% height=30%>
+</div>
+
+# Jetpack Compose
+Use the latest Material You API, included Experimental API DatePicker.
+<div style="width:960px; margin:0 auto;">
+<img src="https://developer.android.com/images/reference/androidx/compose/material3/date-picker.png" width=30% height=30%>
+</div>