Skip to content

Latest commit

 

History

History
42 lines (36 loc) · 2.16 KB

File metadata and controls

42 lines (36 loc) · 2.16 KB

waterclock

water reminder mobile application and create by react native for self learning of me

Tech Stacks and Libraries

  • notifee/react-native
  • react-navigation/bottom-tabs
  • react-native-async-storage/async-storage
  • react-native-community/datetimepicker
  • react-native-animate-number
  • react-native-chart-kit
  • react-native-paper
  • react-native-progress-wheel
  • react-native-reanimated
  • react-native-splash-screen
  • react-native-sqlite-storage
  • react-native-vector-icons

Knowledge learned from this project

  • how to create app multiple page (send props between page)
  • how to use sqlite and sql command and save data to local storage
  • how to use react-native-async-storage to save data in local storage (key:value form)
  • ui eg. flex, flex direction
  • create chart from Expense/Income database in local storage
  • use lib to animate about number
  • push notification in local
  • use ui lib

Examples of pages in this project

1_mainpage 2_setgoalpage 3_presswhendrink 4_candelete 5_choose glass size 6 change glass size 7_stat page 8 set time alert 9 date pick 10 save time in to db 11 notification when it's time