Some of the articles are common to both the app and the web. Go through this page if you have any doubts regarding the libraries used
For any references to the api's go through the official docs of React Native.
For all design related tasks, go to this figma file.
Design implementation guidelines. Choose what design suits you best but make sure to keep in mind that it must render in all types of screen perfectly. If you are not sure of where to start, read the architecture the app has been following through links provided in the README of the github repo.
Styling guideline: For any component, it is advised to make the parent component as relative and position all the smaller children components using absolute, and styling it relative to the parent component. For more details go through this.
React-native-styling-cheatsheet
Click on the respective task to get more information
For any references to the api's go through the official docs of React.
Design implementation guidelines. Choose what design suits you best but make sure to keep in mind that it must render in all types of screen perfectly. Develop the screens keeping mobile first implementation in mind. The screen should work flawlessly when it has been resized. You will find using react developer tools very very useful .If you are not sure of where to start, read the architecture the app has been following through links provided in the README of the github repo.
Styling guideline: If you are unsure of how to start styling, try styling all children components relative to the parent component. Reference to how positioning works in the web. Use the "position:relative + position:absolute" for positioning all children components with parent components. FlexBox properties are also another extremely useful tool in helping you to position children components.
For now most of the tasks will be to develop the design of the website until the backend is ready. Use dummy values as data. Pass all the values from the container to the child view as props. Later tasks will be given to combine redux and then fetch the data from the api end points created by the backend devs.
The project uses CSS-MODULES for styling. This can help us in theming the webpage which can be added as a feature later on. All the common styles can be found in the common-ui/styles folder
Link to the figma file for designs. Go through the different pages to find the one that you need.