General Guidelines 🤠

• all colors need to go into public/Colors.js. Import this file and do "Colors.blue" for example
• Try to use a percentage in the style sheets in order to make things more compatible across screen sizes like this:

container: {
    marginTop: "50%",
    justifyContent: "center",
    alignItems: "center",
    fontSize: 10,
		color: Colors.blue
  },

• Add a loading icon for every screen. Code is as follows:

//Line 155 of ProfileScreen.js
<View style = {styles.loading}>
    <ActivityIndicator size="large" color = {Colors.blue} />
</View>

loading: {
    height: "100%",
    justifyContent: "center",
    alignItems: "center"
},

• Have at least one person review your PR before merging to master
• If you discover a bug, log it in the Github as an issue and add the "bug" label. (tbh we add it to this doc instead)
• Try not to leave dumb comments or commit ur IP Address to our public open source Github 😺

Important SetUp info ⚙️

• in constants.js change the homeURL. Replace the "192.168.0.109" with your own IP address

//Line 66 of constants.js
export const homeURL = "<http://192.168.0.109:5000>";
//using "https" will NOT work so make sure you are using "http"

• Your backend is in covaid-web, Set up a backend on localhost:5000.
  • We are using VolunteerStatsDB

React vs React-Native 👩‍👩‍👧‍👧

• <View> and <div> are basically the same thing
• ALL text must go in <Text>
• Instead of CSS, we are using style sheets which are the same idea so easy transition
• onClick is now onPress