config files

colors.js

@@ -0,0 +1,5 @@
+export default {
+        softpink: '#FFF0F5',
+        skyblue: '#87CEFA',
+        white: '#FFFFFF'
+}

firebaseConfig.js

@@ -0,0 +1,9 @@
+export const firebaseConfig = {
+    apiKey: "AIzaSyCoCATx5foZaUR7MIjBeruaw2eMhJAUOMs",
+    authDomain: "freehand-56972.firebaseapp.com",
+    projectId: "freehand-56972",
+    storageBucket: "freehand-56972.appspot.com",
+    messagingSenderId: "1023118993988",
+    appId: "1:1023118993988:web:1200827b7dabc557ca6a11",
+    measurementId: "G-ZZM3MV833Z"
+  };

styles.js

@@ -0,0 +1,61 @@
+import { StyleSheet } from "react-native"
+
+import colors from "./colors"
+
+export const styles = StyleSheet.create({
+    stdcontainer: {
+        flex: 1,
+        justifyContent: 'flex-start',
+        alignItems: 'center'
+    },
+
+    regcontainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+
+    regbutton:{
+        backgroundColor: colors.skyblue,
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '50%',
+        height: '5%',
+    },
+
+    regtxtfield: {
+        backgroundColor: colors.softpink,
+        width: '75%',
+        height: '5%',
+        borderRadius: 25,
+        paddingLeft: 20,
+        paddingRight: 20,
+        margin: 20,
+    },
+
+    regbuttontext: {
+        color: colors.white,
+        fontSize: 17
+    },
+
+    logo: {
+        width: "25%",
+        height: "25%",
+        top: 50,
+        marginBottom: 200
+    },
+
+    loginbutton: {
+        position: 'absolute',
+        bottom: 50,
+    },
+
+    picker: {
+        width: '50%',
+    },
+
+    qsttxt: {
+        marginTop: 20,
+        fontWeight: "bold"
+    }
+})