TakeCare

Setup development

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.

Other

Navigation system

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

Theme

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;

Components

• 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.