Initial commit client

client/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}

client/.gitignore

@@ -0,0 +1,13 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store

client/App.js

@@ -0,0 +1,91 @@
+import { StatusBar } from 'expo-status-bar';
+import React, {useState} from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import * as Google from "expo-google-app-auth";
+import {SocialIcon, socialIcon} from 'react-native-elements'
+import {createDrawerNavigator} from '@react-navigation/drawer'
+import { NavigationContainer } from '@react-navigation/native';
+import * as SecureStore from 'expo-secure-store';
+
+import HomeScreen from './Screens/HomeScreen'
+import NotificationsScreen from './Screens/NotificationScreen'
+import SettingScreen from './Screens/SettingScreen'
+import AddTakenCourses from './Screens/AddTakenCourses'
+
+const Drawer = createDrawerNavigator()
+
+const IOS_CLIENT_ID =
+  "116415331974-tf6sehooctplmmn7j0gt831mdf1oqipl.apps.googleusercontent.com";
+
+export default function App() {
+  const [hasToken, setHasToken] = useState(false)
+  
+  const signInWithGoogle = async ()=>{
+    try {
+      const result = await Google.logInAsync({
+        iosClientId: IOS_CLIENT_ID,
+        scopes: ["profile", "email"]
+      })
+
+      if (result.type == "success"){
+        console.log(result.accessToken)
+
+        // try {
+        //   let response = await fetch('http://619835f05c38.ngrok.io/rest-auth/google/', {
+        //     method: 'POST',
+        //     headers: {
+        //       'content-type': 'application/json'
+        //     }, 
+        //     body: JSON.stringify({
+        //       access_token: `${result.accessToken}`
+        //     })
+        //   })
+        //   let responseJson = await response.json()
+        //   if (responseJson){
+        //     if (responseJson.key){
+        //       await SecureStore.setItemAsync('token', responseJson.key)
+        //     }
+        //   }
+
+        // } catch(error){
+        //   console.log(error)
+        // }
+        setHasToken(true) // update states and redirect
+      }
+
+      else {
+        console.log("no")
+      }
+    } catch(error){
+      console.log(error)
+    }
+  }
+  if (!hasToken){
+    return (
+      <View style={styles.container}>
+        <SocialIcon title="Login With Google" button={true} type={"google"} onPress={signInWithGoogle}/>
+      </View>
+    );
+  }
+  console.log(hasToken)
+  return (
+    <NavigationContainer>
+        <Drawer.Navigator initialRouteName="Home">
+          <Drawer.Screen name="Home" component={HomeScreen}/>
+          <Drawer.Screen name="Notifications" component={NotificationsScreen} />
+          <Drawer.Screen name="Settings" component={SettingScreen} />
+          <Drawer.Screen name="Add Taken Courses" component={AddTakenCourses} />
+        </Drawer.Navigator>
+    </NavigationContainer>
+  )
+  
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

client/Screens/AddTakenCourses.js

@@ -0,0 +1,82 @@
+import React, { Component } from "react";
+import { Text, View, StyleSheet, Button, ScrollView, Picker, TextInput } from "react-native";
+
+
+export default class SettingScreen extends Component {
+    state = {
+        faculty: "naturales"
+
+    }
+    render() {
+
+        return(
+
+
+            <View style={styles.container}>
+                <View style={{alignItems: "center", backgroundColor: 'red', marginTop: 30, marginBottom: 150}}>
+                    <Text style= {{fontSize: 20, fontWeight: "bold"}}> Add Taken </Text>
+                    <Text style= {{fontSize: 20, fontWeight: "bold"}}>Course{/*{this.props.navigation.getParam("username")} */}</Text>
+
+                </View>
+
+                <View style={{alignItems: "flex-start", backgroundColor: 'white', flex:0}}>
+                <Button
+                    title="<Back"
+                    onPress= {() => this.props.navigation.navigate("Profile")}
+                    /> 
+                </View>
+
+                <View style={{alignItems: "flex-start",backgroundColor: 'white', flex:0}}>
+                    <Text style={{ fontSize: 20}}> Course: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 100}}>
+                    </TextInput>
+                    
+                    <Text style={{ fontSize: 20}}> Section: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 100}}>
+                    </TextInput>
+
+                    <Text style={{ fontSize: 20}}> Semester#: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 100}}>
+                    </TextInput>
+
+                    <Text style={{ fontSize: 20}}> Professor: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 250}}>
+                    </TextInput>
+                </View>
+
+                <View style={{alignItems: "flex-end", backgroundColor: 'white', marginTop: 50, marginBottom: 250}}> 
+                <Text style={{ fontSize: 20, fontWeight: "bold" , height:30 }}> Grade: </Text>
+                    <Picker
+                    selectedValue={this.state.faculty}
+                    style={{ height: 0, width: 40}}
+                    onValueChange={(itemValue, itemIndex) =>
+                    this.setState({ faculty: itemValue })}>
+                        <Picker.Item label="A" value="001" />
+                        <Picker.Item label="B" value="002" />
+                        <Picker.Item label="C" value="003" />
+                        <Picker.Item label="D" value="004" />
+                        <Picker.Item label="F" value="005" />
+                        <Picker.Item label="PS" value="006" />
+                        <Picker.Item label="NP" value="007" />
+                    </Picker>
+                </View>
+                    <Button
+                        title="Submit Taken Course"
+                        onPress={null}
+                    /> 
+            </View>
+            
+        );
+    }
+}
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center"
+  }
+  
+
+});
+

client/Screens/HomeScreen.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Button, View } from 'react-native';
+import * as SecureStore from 'expo-secure-store';
+
+
+function HomeScreen({ navigation }) {
+  const credentials = async ()=>{
+    const response = await SecureStore.getItemAsync('token')
+    console.log(response)
+  }
+    return (
+      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+        <Button
+          onPress={() => navigation.navigate('Notifications')}
+          title="Go to notifications"
+        />
+        <Button
+          onPress={credentials}
+          title="Prueba"
+        />
+      </View>
+    );
+}
+
+export default HomeScreen
+
+

client/Screens/NotificationScreen.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Button, View } from 'react-native';
+
+function NotificationsScreen({ navigation }) {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Button onPress={() => navigation.goBack()} title="Go back home" />
+    </View>
+  );
+}
+
+export default NotificationsScreen

client/Screens/ProfileScreen.js

@@ -0,0 +1,53 @@
+import React, { Component } from "react";
+import { Text, View, StyleSheet, Button } from "react-native";
+
+export default class ProfileScreen extends Component {
+  prueba = async()=>{
+    let response = await fetch('http://05cb04aa6bc5.ngrok.io/api/hello',{
+      method: 'GET',
+      headers: {
+        Authorization: 'Token c33cc0e20cdf09a12d1e3e3de2515f3e9f2fd008'
+      }
+    })
+    let responseJson = await response.json()
+    console.log(responseJson)
+  }
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text> Profile Screen </Text>
+        <Text style={{ fontSize: 20, fontWeight: "bold" }}>
+          Welcome, {this.props.navigation.getParam("username")}
+        </Text>
+        <Button
+          title="Sign out"
+          onPress={() => this.props.navigation.navigate("Login")}
+        />
+        <Button
+          title="Test"
+          onPress={this.prueba}
+        />
+
+        <Button
+          title="Add Taken Course"
+          onPress= {() => this.props.navigation.navigate("AddTakenCourse")}
+        />
+
+        <Button
+          title="Settings"
+          onPress= {() => this.props.navigation.navigate("Settings")}
+        />
+        
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});

client/Screens/SettingScreen.js

@@ -0,0 +1,87 @@
+import React, { Component } from "react";
+import { Text, View, StyleSheet, Button, ScrollView, Picker, TextInput } from "react-native";
+
+
+export default class SettingScreen extends Component {
+    state = {
+        faculty: "naturales"
+
+    }
+    render() {
+
+        return(
+
+
+            <View style={styles.container}>
+                <View style={{alignItems: "center", backgroundColor: 'red', marginTop: 30, marginBottom: 150}}>
+                    <Text style= {{fontSize: 20, fontWeight: "bold"}}> Profile Settings </Text>
+            
+                </View>
+
+                <View style={{alignItems: "flex-start", backgroundColor: 'Silver', flex:0}}>
+                <Button
+                    title="<Back"
+                    onPress= {() => this.props.navigation.navigate("Profile")}
+                    /> 
+                </View>
+
+                <View style={{alignItems: "center",backgroundColor: 'white', flex:0}}>
+                    <Text style={{ fontSize: 20}}> Name: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 250}}>
+                    </TextInput>
+                    <Button
+                        title="Update Name"
+                        onPress={this.prueba}
+                        />
+                    <Text style={{ fontSize: 20}}> Email: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 250}}>
+                    </TextInput>
+                    <Button
+                        title="Update Email"
+                        onPress={this.prueba}
+                    /> 
+
+                    <Text style={{ fontSize: 20}}> Student ID: </Text>
+                    <TextInput style= {{borderColor: "black", borderWidth: 2, width: 250}}>
+                    </TextInput>
+                    <Button
+                        title="Update Student ID"
+                        onPress={this.prueba}
+                    /> 
+                </View>
+
+                <View style={{alignItems: "center", backgroundColor: 'red', marginTop: 50, marginBottom: 300}}> 
+                <Text style={{ fontSize: 20, fontWeight: "bold" , height:30 }}> Faculty </Text>
+
+                    <Picker
+                        selectedValue={this.state.faculty}
+                        style={{ height: 0, width: 1000}}
+                        onValueChange={(itemValue, itemIndex) =>
+                        this.setState({ faculty: itemValue })
+                        }>
+                        
+                        <Picker.Item label="Administración de Empresas" value="001" />
+                        <Picker.Item label="Arquitectura" value="002" />
+                        <Picker.Item label="Ciencias Naturales" value="003" />
+                        <Picker.Item label="Ciencias Sociales" value="004" />
+                        <Picker.Item label="Educación" value="005" />
+                        <Picker.Item label="Bellas Artes" value="006" />
+                        <Picker.Item label="Communicaciones" value="007" />
+                    </Picker>
+                </View>
+        </View>
+            
+        );
+    }
+}
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center"
+  }
+  
+
+});
+

client/app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "native_google",
+    "slug": "native_google",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.webiosandroid.all",
+      "config":{
+        "googleSignIn":{
+          "reservedClientId": "com.googleusercontent.apps.116415331974-tf6sehooctplmmn7j0gt831mdf1oqipl"
+        }
+      }
+      
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

client/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

client/debug.log

@@ -0,0 +1,3 @@
+[1026/183028.266:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1027/212234.749:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1111/110331.802:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)

client/package.json

@@ -0,0 +1,33 @@
+{
+  "main": "node_modules/expo/AppEntry.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "eject": "expo eject"
+  },
+  "dependencies": {
+    "@react-native-community/masked-view": "0.1.10",
+    "@react-navigation/drawer": "^5.11.2",
+    "@react-navigation/native": "^5.8.9",
+    "@react-navigation/stack": "^5.12.6",
+    "expo": "~39.0.2",
+    "expo-google-app-auth": "^8.1.3",
+    "expo-secure-store": "~9.2.0",
+    "expo-status-bar": "~1.0.2",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz",
+    "react-native-elements": "^3.0.0-alpha.1",
+    "react-native-gesture-handler": "~1.7.0",
+    "react-native-reanimated": "~1.13.0",
+    "react-native-safe-area-context": "3.1.4",
+    "react-native-screens": "~2.10.1",
+    "react-native-web": "~0.13.12"
+  },
+  "devDependencies": {
+    "@babel/core": "~7.9.0"
+  },
+  "private": true
+}