Continuação mobile

Author: Alzemiro

frontend/src/services/api.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
 const api = axios.create({
-   baseURL: "http://localhost:3333", 
+   baseURL: "http://10.0.0.40:3333", 
 });
 
 export default api;

mobile/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true,
+  "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true
+}

mobile/.gitignore

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

mobile/App.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Routes from './src/routes';
+
+export default function App() {
+  return <Routes />
+}
+
+

mobile/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "Blank Template",
+    "slug": "mobile",
+    "privacy": "public",
+    "sdkVersion": "36.0.0",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
+    "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
+    }
+  }
+}

mobile/assets/icon.png

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

mobile/assets/splash.png

@@ -0,0 +1,29 @@
+{
+  "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.5",
+    "axios": "^0.19.2",
+    "expo": "~36.0.0",
+    "react": "~16.9.0",
+    "react-dom": "~16.9.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
+    "react-native-gesture-handler": "~1.5.0",
+    "react-native-reanimated": "~1.4.0",
+    "react-native-safe-area-context": "0.6.0",
+    "react-native-screens": "2.0.0-alpha.12",
+    "react-native-web": "~0.11.7",
+    "react-navigation": "^4.1.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "babel-preset-expo": "~8.0.0"
+  },
+  "private": true
+}

mobile/babel.config.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+
+export default function Book() {
+    return <View></View>
+}

mobile/package.json

@@ -0,0 +1,17 @@
+import React, { useState, useEffect } from 'react';
+import { View, AsyncStorage, Text } from 'react-native';
+
+export default function List() {
+    const [techs, setTechs] = useState([]);
+
+    useEffect(() => {
+        AsyncStorage.getItem('techs').then(storagedTechs => {
+            const techsArray = storagedTechs.split(',').map(tech => tech.trim());
+
+            setTechs(techsArray);
+            })
+    }, []);
+
+
+    return <Text>{techs}</Text>
+}

mobile/src/assets/logo.png

@@ -0,0 +1,111 @@
+import React, {useState, useEffect} from 'react';
+import { View, AsyncStorage, KeyboardAvoidingView, Platform, Image, Text, TextInput, StyleSheet, TouchableOpacity } from 'react-native';
+
+import api from '../services/api';
+import logo from '../assets/logo.png';
+
+
+export default function Login({ navigation }) {
+    const [email, setEmail] = useState('');
+    const [techs, setTechs] = useState('');
+
+    useEffect(() => {
+        AsyncStorage.getItem('user').then(user => {
+            if(user){
+                navigation.navigate('List');
+            }
+        })
+    }, []);
+
+    async function handleSubmit(){
+        const response = await api.post('/session',{
+            email
+        })
+        const {_id} = response.data;
+
+        await AsyncStorage.setItem('user', _id);
+        await AsyncStorage.setItem('techs', techs);
+
+        navigation.navigate('List');    
+    }
+    
+    return (
+    <KeyboardAvoidingView /*enabled={Platform.OS === 'ios'}*/ behavior="padding" style = {styles.contanier}>
+        <Image source={logo} />
+        <View style={styles.form}>  
+        <Text style={styles.label}>SEU E-MAIL *</Text>
+        <TextInput 
+        style={styles.input}
+        placeholder="Seu e-mail"
+        placeholderTextColor="#999"
+        keyboardType="email-address"
+        autoCapitalize="none"
+        autoCorrect={false}
+        value={email}
+        onChangeText = {setEmail}
+       /> 
+
+        
+        <Text style={styles.label}>TECNOLOGIAS *</Text>
+        <TextInput 
+        style={styles.input}
+        placeholder="Tecnologias de interesse"
+        placeholderTextColor="#999"        
+        autoCapitalize="words"
+        autoCorrect={false}
+        onChangeText={setTechs}
+       />
+
+       <TouchableOpacity onPress={handleSubmit} style={styles.button}>
+            <Text style={styles.buttonText}>Encontrar spots</Text>
+        </TouchableOpacity>                        
+        </View>       
+    </KeyboardAvoidingView>
+    );
+}
+
+const styles = StyleSheet.create({
+    contanier :{
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+
+    form: {
+        alignSelf: 'stretch',
+        paddingHorizontal: 30,
+        marginTop: 30,
+    },
+
+    label: {
+        fontWeight: 'bold',
+        color: '#444',
+        marginBottom: 8, 
+    },
+
+    input:{
+        borderWidth: 1,
+        borderColor: '#ddd',
+        paddingHorizontal: 20,
+        fontSize: 16,
+        color:'#444',
+        height: 44,
+        marginBottom: 20,
+        borderRadius: 2,
+    },
+
+    button:{        
+        borderRadius: 2,
+        backgroundColor: '#f05a5b',
+        justifyContent: 'center',
+        alignItems: 'center',        
+        height:42,                      
+    },
+
+    buttonText:{        
+        color: '#fff',
+        fontWeight: 'bold',
+        fontSize:16,        
+    },
+});
+

mobile/src/assets/logo@2x.png

@@ -0,0 +1,16 @@
+import { createAppContainer, createSwitchNavigator } from 'react-navigation';
+
+import Login from './page/Login';
+import List from './page/List';
+import Book from './page/Book'
+
+const Routes = createAppContainer(
+    createSwitchNavigator({
+        Login,
+        List,
+        Book
+    })
+);
+
+
+export default Routes;

mobile/src/assets/logo@3x.png

@@ -0,0 +1,7 @@
+import axios from 'axios';
+
+const api = axios.create({
+    baseURL: 'http://10.0.0.40:3333',
+});
+
+export default api;