🎉 First commit

.expo-shared/assets.json

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

.gitignore

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

App.js

@@ -0,0 +1,33 @@
+import React from "react";
+import HomePage from "./Screen/HomePage.js";
+import Connexion from "./Screen/Connexion";
+import MotDePasseOublie from "./Screen/MotDePasseOublie"
+import Inscription from "./Screen/Inscription";
+import AccueilUtilisateur from "./Screen/AccueilUtilisateur";
+import "react-native-gesture-handler";
+import { NavigationContainer } from "@react-navigation/native";
+import { createStackNavigator } from "@react-navigation/stack";
+import { Provider } from "react-redux";
+import Store from "./Store/ConfigStore";
+
+const Stack = createStackNavigator();
+
+const App = () => {
+  return (
+    <Provider store={Store}>
+      <NavigationContainer>
+        <Stack.Navigator>
+
+          <Stack.Screen name = "HomePage" component       = {HomePage} />
+          <Stack.Screen name = "LoginScreen" component    = {Connexion} />
+          <Stack.Screen name = "ForgotPW" component       = {MotDePasseOublie} />
+          <Stack.Screen name = "UserHomePage" component   = {AccueilUtilisateur} />
+          <Stack.Screen name = "Registerscreen" component = {Inscription} />
+
+        </Stack.Navigator>
+      </NavigationContainer>
+    </Provider>
+  );
+};
+
+export default App;

Components/Button.js

@@ -0,0 +1,30 @@
+import React, { Component } from "react";
+import { View, Button, StyleSheet } from "react-native";
+export default class ButtonInscr extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const { title,color,onPress } = this.props;
+
+    return (
+      <View style={{ height: 50, marginTop: 10, width: "60%" }}>
+
+        <Button
+          style = {styles.Button}
+          //onPress={() => navigation.navigate('WallScreen')}
+          title              = {title}
+          color              = {color}
+          accessibilityLabel = "Learn more about this"
+          onPress            = {onPress}
+        />
+
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+
+});

Components/EmailInput.js

@@ -0,0 +1,36 @@
+import React, { Component } from "react";
+import { TextInput } from "react-native";
+
+export default class EmailInput extends Component {
+  constructor(props) {
+    super(props);
+    // this.state = {
+    //  email: "",
+    // };
+  }
+  render() {
+
+    const { value, onChangeText } = this.props;
+
+    return (
+      <TextInput
+        label         = "Email"
+        returnKeyType = "next"
+        value         = {value}
+        onChangeText  = {onChangeText}
+        style         = {{
+          height     : 40,
+          borderColor: "gray",
+          borderWidth: 1,
+          margin     : 10,
+          width      : "60%",
+          padding    : 10,
+        }}
+        autoCompleteType = "email"
+        textContentType  = "emailAddress"
+        keyboardType     = "email-address"
+        placeholder      = "Email"
+      />
+    );
+  }
+}

Components/PasswordInput.js

@@ -0,0 +1,37 @@
+import React, { Component } from "react";
+import { TextInput } from "react-native";
+
+export default class PasswordInput extends Component {
+  constructor(props) {
+    super(props);
+    // this.state = {
+    //   password: "",
+    // };
+  }
+  render() {
+
+    const { value, onChangeText } = this.props;
+
+    return (
+      <TextInput
+        label         = "Password"
+        returnKeyType = "done"
+        value         = {value}
+        onChangeText  = {onChangeText}
+        style         = {{
+          height     : 40,
+          borderColor: "gray",
+          borderWidth: 1,
+          margin     : 10,
+          width      : "60%",
+          padding    : 10,
+        }}
+        autoCompleteType = "password"
+        textContentType  = "password"
+        keyboardType     = "default"
+        placeholder      = "Password"
+        secureTextEntry  = {true}
+      />
+    );
+  }
+}

Components/TexteInput.js

@@ -0,0 +1,35 @@
+import React, { Component } from "react";
+import { TextInput } from "react-native";
+
+export default class TexteInput extends Component {
+  constructor(props) {
+    super(props);
+    // this.state = {
+    //   text: "",
+    // };
+  }
+  render() {
+    const { autoCompleteType, textContentType, placeholder, value, onChangeText } = this.props;
+
+    return (
+      <TextInput
+        label         = "Nom"
+        returnKeyType = "next"
+        value         = {value}
+        onChangeText  = {onChangeText}
+        style         = {{
+          height     : 40,
+          borderColor: "gray",
+          borderWidth: 1,
+          margin     : 10,
+          width      : "60%",
+          padding    : 10,
+        }}
+        autoCompleteType = {autoCompleteType}
+        textContentType  = {textContentType}
+        keyboardType     = "default"
+        placeholder      = {placeholder}
+      />
+    );
+  }
+}

Components/Title.js

@@ -0,0 +1,32 @@
+import React, { Component } from "react";
+import { StyleSheet, Text, View } from "react-native";
+
+export default class Title extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    const { title } = this.props;
+
+    return (
+      <View>
+        <Text style={styles.titleText}>
+          {title}
+          {"\n"}
+          {"\n"}
+        </Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  titleText: {
+    fontSize  : 20,
+    fontWeight: "bold",
+    color     : "#800080",
+    fontWeight: "bold",
+    fontSize  : 25,
+  },
+});

Screen/AccueilUtilisateur.js

@@ -0,0 +1,37 @@
+import React from "react";
+import Title from "../Components/Title";
+import { StyleSheet, View, Text } from "react-native";
+import Button from "../Components/Button";
+
+export default class AccueilUtilisateur extends React.Component {
+  render() {
+    const { navigate } = this.props.navigation;
+
+    return (
+      <View style={styles.container}>
+        <Title title = "Vous êtes connecté" />
+
+
+        <Text style = {{ width: "60%", textAlign: "center" }}>
+          Bienvenu {this.props.route.params.username} sur notre application d'inscription connexion
+          {"\n"}
+        </Text>
+
+        <Button
+          color   = "#841584"
+          title   = "Déconnexion"
+          onPress = {() => navigate("HomePage")}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex           : 1,
+    backgroundColor: "#fff",
+    alignItems     : "center",
+    justifyContent : "center",
+  },
+});