Detail instruction exist here: https://reactnative.dev/docs/environment-setup
Clone the repository and run npm install and then npm run web to start development.
The official react page recommend React Navigation. Instruction for it can be found here: https://reactnative.dev/docs/navigation. The following tutorial was used to implement a basic navigation system: https://www.youtube.com/watch?v=Hln37dE19bs
Material design is used as the apps "design system". Documentation can be found here: https://callstack.github.io/react-native-paper/
The theme should be edited in paper-theme.tsx;
- Center: Used to center content both vertical and horizontal.
- Content Padding: Used to create padding around its children.
- Divided View: Used to display items in a stylized view with upper and lower children. Reversable.
- User info: Used to display user information (name, address or phone) with an icon.
- AppBar: Used to create a navigation bar
- TaskDetails: Displays a drop down with task details.