/react-native-todos-app

React Native Todo App - manage your task simply and beautifully.

Primary LanguageJavaScript

React-Native-Todo-App

react-native-todo-app will help you manage your task simply and beautifully.

Technicals

  • React Native 0.59.9
  • React Navigation for router
  • Redux for manage state
  • Redux Persist for stored todo offline
  • Redux Saga for middleware
  • momentjs
  • react-native-elements: Very convenient to build UI fast
  • react-native-vector-icons: Beutiful icons
  • Hook and context also used to mange state and UI

How to run

git clone https://github.com/luannguyenQV/react-native-todos-app.git
cd react-native-todos-app
npm i 
react-native link

And finally:

react-native run-ios

Or

react-native run-android

What to do next

  • Add/Remove/Edit Todo
  • Filer todo by all/completed/active
  • Search by title
  • Mark all done/undone
  • Add more unitest
  • User able add tags for todo
  • Able to create tags
  • Able filter by tags
  • Pin to top
  • memoize todo filter to improve performance
  • Able to filter todo by day
  • Multiple language
  • Able to change theme
  • Add Realm database to store big data

Screenshots:

VIDEO:
Demo

SCREEN SHOTS:

Home screen Add todos