[Add] route system

Author: SimCoderYoutube

.expo/README.md

@@ -0,0 +1,17 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What does the "packager-info.json" file contain?
+
+The "packager-info.json" file contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+
+> What does the "settings.json" file contain?
+
+The "settings.json" file contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

.expo/settings.json

@@ -0,0 +1,8 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}

frontend/App.js

@@ -1,36 +1,29 @@
-import React from 'react';
+import Constants from 'expo-constants';
 import * as firebase from 'firebase';
-import { StyleSheet, Text, View } from 'react-native';
+import React from 'react';
+import { Provider } from 'react-redux';
+import { applyMiddleware, createStore } from 'redux';
+import thunk from 'redux-thunk';
+import Route from './src/navigation/main';
+import rootReducer from './src/redux/reducers';
+import AuthScreen from './src/screens/auth';
 
 
-import { Provider } from 'react-redux'
-import { createStore, applyMiddleware } from 'redux'
-import rootReducer from './src/redux/reducers'
-import thunk from 'redux-thunk'
 const store = createStore(rootReducer, applyMiddleware(thunk))
 
 
-import Constants from 'expo-constants'
-import AuthScreen from './src/screens/auth';
 
 
-if (firebase.apps.lenght === 0) {
+if (firebase.apps.length === 0) {
   firebase.initializeApp(Constants.manifest.web.config.firebase)
+} else {
+  firebase.app()
 }
 
 export default function App() {
   return (
     <Provider store={store} >
-      <AuthScreen />
+      <Route />
     </Provider>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});

frontend/app.json

@@ -29,14 +29,14 @@
       "favicon": "./assets/favicon.png",
       "config": {
         "firebase": {
-          "apiKey": "****",
-          "authDomain": "****",
-          "databaseURL": "****",
-          "projectId": "****",
-          "storageBucket": "****",
-          "messagingSenderId": "****",
-          "appId": "****",
-          "measurementId": "****"
+          "apiKey": "AIzaSyAN1v25_uLQJtuX8AiPdF0pa_kZIFxPw3w",
+          "authDomain": "tiktok-4bd2a.firebaseapp.com",
+          "databaseURL": "https://tiktok-4bd2a-default-rtdb.firebaseio.com",
+          "projectId": "tiktok-4bd2a",
+          "storageBucket": "tiktok-4bd2a.appspot.com",
+          "messagingSenderId": "134821111588",
+          "appId": "1:134821111588:web:ffb13bbfb6caca76e635b1",
+          "measurementId": "G-FLKVD5RBXK"
         }
       }
     }

frontend/jsconfig.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {}
+    },
+    "exclude": [
+        "node_modules",
+        "dist"
+    ]
+}