diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8f45356 --- /dev/null +++ b/.gitignore @@ -0,0 +1,13 @@ +node_modules/**/* +expo/* +npm-debug.* +*.jks +*.p8 +*.p12 +*.key +*.mobileprovision +*.orig.* +web-build/ + +# macOS +.DS_Store diff --git a/ReactJS/Native/AlfaPrentice/.expo-shared/assets.json b/ReactJS/Native/AlfaPrentice/.expo-shared/assets.json new file mode 100644 index 0000000..1e6decf --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/.expo-shared/assets.json @@ -0,0 +1,4 @@ +{ + "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true, + "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true +} diff --git a/ReactJS/Native/AlfaPrentice/.gitignore b/ReactJS/Native/AlfaPrentice/.gitignore new file mode 100644 index 0000000..73e9e94 --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/.gitignore @@ -0,0 +1,13 @@ +node_modules/**/* +.expo/* +npm-debug.* +*.jks +*.p8 +*.p12 +*.key +*.mobileprovision +*.orig.* +web-build/ + +# macOS +.DS_Store diff --git a/ReactJS/Native/AlfaPrentice/App.js b/ReactJS/Native/AlfaPrentice/App.js new file mode 100644 index 0000000..e75322c --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App.js @@ -0,0 +1,10 @@ +import { StatusBar } from 'expo-status-bar'; +import React from 'react'; +import { StyleSheet, Text, View } from 'react-native'; +import Routes from "./App/index"; + +export default function App() { + return ( + + ); +} diff --git a/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js b/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js new file mode 100644 index 0000000..b59a5ce --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Cards/CompanyResultCard.js @@ -0,0 +1,100 @@ +//Modules +import React from 'react'; +import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Component, Button } from 'react-native'; +import { useNavigation } from '@react-navigation/native'; +//Components + +function Navigate(props) { + const navigation = useNavigation(); + return( + navigation.navigate('Companyprofile', { CompanyDetails: props.Details })}> + Bekijk bedrijf + + ) +} + +class CompanyResultCard extends React.Component{ + constructor (props) { + super(props); + this.state = { + + } + + } + + + render() { + + return ( + + + + Bedrijfsnaam 1 + + + + Locatie: Groningen + Opleding: AO + + + Beschikbaarheid: 2 plekken over + + + + + + ) + } +} + + + +const Styles = StyleSheet.create ({ + ResultCard: { + padding: 30, + }, + HeroHeading: { + color: "#DE0000", + fontSize: 20, + }, + Btn: { + backgroundColor: '#DE0000', + paddingVertical: 10, + paddingHorizontal: 15, + borderRadius: 5, + + }, + white: { + color: '#ffffff', + }, + Row: { + display: 'flex', + flexDirection: 'row', + width: '100%', + flexWrap: 'wrap', + justifyContent: 'space-between' + }, + ContentRow: { + display: 'flex', + flexDirection: 'row', + width: '100%', + flexWrap: 'wrap', + justifyContent: 'space-between', + marginTop: 15, + }, + ContentRowRa: { + display: 'flex', + flexDirection: 'row', + width: '100%', + flexWrap: 'wrap', + justifyContent: 'flex-end', + marginTop: 15, + }, + HR: { + height: 2, + backgroundColor: '#DE0000', + + } +}) + +export default CompanyResultCard; \ No newline at end of file diff --git a/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js b/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js new file mode 100644 index 0000000..01d56ad --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Cards/ProfileLinks.js @@ -0,0 +1,57 @@ +//Modules +import React from 'react'; +import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'; +import { useNavigation } from '@react-navigation/native'; + +function Navigate(props) { + const navigation = useNavigation(); + return( + + navigation.navigate(props.Page)}> + {props.Title} + + + ) +} + + function HrCheck(props) { + var x = props.hr; + if (x == "false"){ + return + } + else { + return( + + ) + } + } + +const ProfileLink = (props) => { + + return ( + + + + + + + ) +} + +const Styles = StyleSheet.create ({ + Profilelink: { + paddingVertical: 30, + paddingHorizontal: 60, + width: '100%' + }, + ProfileText:{ + color: '#DE0000', + }, + HR: { + height: 2, + backgroundColor: '#DE0000', + + } +}) + +export default ProfileLink; \ No newline at end of file diff --git a/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js b/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js new file mode 100644 index 0000000..4a7ab98 --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Footer/Footer.js @@ -0,0 +1,64 @@ +import React from 'react'; +import { View, Text, StyleSheet, TouchableOpacity } from 'react-native'; +import { Icon } from 'react-native-elements' +import { useNavigation } from '@react-navigation/native'; + +function Navigate(props) { + const navigation = useNavigation(); + return( + + navigation.navigate('Home')}> + + + navigation.navigate('Search')}> + + + navigation.navigate('Userprofile')}> + + + navigation.navigate('Userprofile')}> + + + + + + ) +} + +const Footer = () => { + return ( + + + + + ) +} + +const Styles = StyleSheet.create({ + MainFooter: { + width: '100%', + height: 50, + color: '#ffffff', + backgroundColor: '#003581', + justifyContent: 'center', + alignItems: 'center', + position: 'absolute', //Here is the trick + bottom: 0, //Here is the trick + }, + IconRow: { + display: 'flex', + flexDirection: 'row', + justifyContent: 'space-between', + width: '80%', + } +}) + +export default Footer; \ No newline at end of file diff --git a/ReactJS/Native/AlfaPrentice/App/Header/Header.js b/ReactJS/Native/AlfaPrentice/App/Header/Header.js new file mode 100644 index 0000000..c5993af --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Header/Header.js @@ -0,0 +1,34 @@ +import React from 'react'; +import { StyleSheet, Text, View, Image} from 'react-native'; +import { block } from 'react-native-reanimated'; + +class Header extends React.Component { + render() { + return( + + + + ) + } +} + +const Styles = StyleSheet.create({ + Header: { + color: '#ffffff', + textAlign: 'center', + display: 'flex', + alignItems: 'center', + paddingVertical: 15, + paddingHorizontal: 10, + marginTop: 10, + height: 60, + + }, + HeaderLogo: { + width: '40%', + height: '100%', + + }, + }); + +export default Header; \ No newline at end of file diff --git a/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js b/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js new file mode 100644 index 0000000..1a76fbf --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Hero/Hero.js @@ -0,0 +1,81 @@ +//Modules +import React from 'react'; +import { View, Text, StyleSheet, ImageBackground, Image, TextInput } from 'react-native'; +const image = { uri: "https://reactjs.org/logo-og.png" }; + +class Hero extends React.Component { + constructor (props) { + super(props); + } + render() { + return ( + + + + {this.props.HeroHeading} + {this.props.HeroText} + + + + + ); + } +} + +const HeroSearch = (props) => { + const [SearchBar, onChangeSearch] = React.useState(''); + return ( + + + + onChangeSearch(text)} + placeholder="Zoek" + placeholderTextColor="#DE0000" + value={SearchBar} + /> + + + + + ); + +} + +const Styles = StyleSheet.create ({ + image: { + resizeMode: "cover", + width: '100%', + backgroundColor: "#DE0000a0", + }, + HeroHeading: { + color: "white", + fontSize: 30, + textAlign: "center", + backgroundColor: "#DE0000a0", + paddingTop: 10, + }, + HeroText: { + color: "white", + backgroundColor: "#DE0000a0", + textAlign: "center", + height: 55, + }, + InputContainer: { + height: 100, + backgroundColor: "#DE0000a0", + display: 'flex', + alignItems: 'center', + justifyContent: 'center', + }, + Input: { + height: 40, + backgroundColor: '#ffffff', + width: '60%', + paddingHorizontal: 10, + } +}) + +export {HeroSearch}; +export default Hero; \ No newline at end of file diff --git a/ReactJS/Native/AlfaPrentice/App/Images/Stock.png b/ReactJS/Native/AlfaPrentice/App/Images/Stock.png new file mode 100644 index 0000000..0ed5d4a Binary files /dev/null and b/ReactJS/Native/AlfaPrentice/App/Images/Stock.png differ diff --git a/ReactJS/Native/AlfaPrentice/App/Images/logo-licht.png b/ReactJS/Native/AlfaPrentice/App/Images/logo-licht.png new file mode 100644 index 0000000..a56f5ff Binary files /dev/null and b/ReactJS/Native/AlfaPrentice/App/Images/logo-licht.png differ diff --git a/ReactJS/Native/AlfaPrentice/App/Images/logo.png b/ReactJS/Native/AlfaPrentice/App/Images/logo.png new file mode 100644 index 0000000..6e9bab8 Binary files /dev/null and b/ReactJS/Native/AlfaPrentice/App/Images/logo.png differ diff --git a/ReactJS/Native/AlfaPrentice/App/Images/stock2.png b/ReactJS/Native/AlfaPrentice/App/Images/stock2.png new file mode 100644 index 0000000..e77864f Binary files /dev/null and b/ReactJS/Native/AlfaPrentice/App/Images/stock2.png differ diff --git a/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js b/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js new file mode 100644 index 0000000..034cc95 --- /dev/null +++ b/ReactJS/Native/AlfaPrentice/App/Layouts/DefaultLayout.js @@ -0,0 +1,26 @@ +//Mopdules +import React from 'react'; +import {View, Text, ScrollView} from 'react-native'; + +//Components +import {Header, Footer} from '../index'; + +class DefaultLayout extends React.Component { +constructor(props){ + super(props); +} + + render() { + return ( + + +
+ {this.props.children} + +