rmtsrc / ReactNativeTodo

React Native Todo App (using React Hooks)

React Native Todo App (using React Hooks)

A React Native Todo App, which uses React Hooks to manage and persist state via createContext, useReducer, useEffect, and useState. Also uses React Native Elements.

Building and running

1. yarn
2. yarn start
3. Once started, press w for Web (automatically opens in a browser), a for Android or i for iOS.

Run tests via Jest

1. yarn test

Running on a real device

Android

Download: ReactNativeTodo.apk, open and allow installation from Unknown Sources, press Open once installed.

Additional work

• Investigate testing the dispatch and list within the useContext as well as the useEffect in <TodoStoreProvider />.
• Use Appium or similar to write functional end to end tests that runs on a real/emulated device, to test real world scenarios.
• Investigate cloud syncing.
• Import and export.
• Investigate making the delete icon swipeable or touch area bigger.
• Dark mode.
• Delete completed.
• Filtering (completed/incomplete).

Screenshot