\n Hello! I am Teun Kooijman, an experienced software engineer specializing in back-end development. Experienced with all stages of the development cycle for web- and mobile projects, and with a strong background in software development and project management. Well-versed in numerous languages and frameworks, including ASP.NET, Spring Boot, React and Android.\n
\n );\n}\n\nexport default Timeline;","import React from \"react\";\nimport { makeStyles, Theme, createStyles } from \"@material-ui/core\";\nimport LogoDiamondAgile from \"../../../../../resources/logos/LogoDiamondAgile\"\nimport LogoHiEfficiency from \"../../../../../resources/logos/LogoHiEfficiency\";\nimport LogoInnovum from \"../../../../../resources/logos/LogoInnovum\";\nimport LogoSilvesterConsultancy from \"../../../../../resources/logos/LogoSilvesterConsultancy\";\nimport LogoGemCloud from \"../../../../../resources/logos/LogoGemCloud\";\nimport LogoEquineInstruments from \"../../../../../resources/logos/LogoEquineInstruments\";\nimport LogoNwo from \"../../../../../resources/logos/LogoNwo\";\nimport LogoGemboxx from \"../../../../../resources/logos/LogoGemboxx\";\nimport ExperienceTimelineCardContent, { ExperienceTimelineCardContent_Props } from \"./ExperienceTimelineCardContent\";\nimport Timeline from \"../../Timeline\";\nimport { withScrollableAnchor, WithScrollableAnchor_Props_Injected } from \"../../../../generic/scroll_anchor/WithScrollableAnchor\";\n\nconst useStyles = (props: Props) => makeStyles((theme: Theme) => createStyles({\n root: {\n width: \"100%\"\n },\n}));\n\n\ninterface Props extends WithScrollableAnchor_Props_Injected {\n\n}\n\nconst CHIP_DOTNET_CORE = \".NET Core\";\nconst CHIP_DOTNET_FRAMEWORK = \".NET Framework\";\nconst CHIP_REACT = \"React\";\nconst CHIP_SPRING_BOOT = \"Spring Boot\";\nconst CHIP_REACT_NATIVE = \"React Native\";\nconst CHIP_NATIVE_ANDROID = \"Native Android\";\nconst CHIP_NATIVE_IOS = \"Native iOS\";\nconst CHIP_GREXX = \"Grexx\";\nconst CHIP_AZURE = \"Azure\";\n\nconst ExperienceTimeline = (props: Props) => {\n const classes = useStyles(props)();\n\n const experiences: Array = [\n { chips: [CHIP_DOTNET_CORE, CHIP_REACT, CHIP_SPRING_BOOT], logo: LogoDiamondAgile, timespan: \"February 2019 - Now\", function: \"Full Stack Developer\", description: \"Lead developer on the Lightning Assessment web applications, a large ETL product used to assess the agility of a software development process. During development we were able to rapidly prototype using Docker, Heroku and CI/CD pipelines deploying all the way to production. This large greenfield project made it from inception to market in four months time.\" },\n { chips: [CHIP_REACT_NATIVE], logo: LogoHiEfficiency, timespan: \"July 2018 - February 2019\", function: \"Hybrid Mobile Developer\", description: \"Lead developer on the on the Hi Efficiency application, a mobile application used to measure Process Efficiency in software development teams. After I joined the development team, I introduced a new underlying architecture, design- and development philosophy, increasing velocity many times over.\" },\n { chips: [CHIP_DOTNET_FRAMEWORK, CHIP_DOTNET_CORE], logo: LogoInnovum, timespan: \"April 2017 - August 2018\", function: \"Back-End Developer\", description: \"Lead devleoper on the company's implementation of governmental data provisioning systems, which store data from and provide queryable interfaces for all 11 basic governmental data registration systems. In this solution we stored billions of records and automatically kept them up to date by processing governmental transaction messages, while providing an extensible OData REST API for our clients.\" },\n { chips: [CHIP_NATIVE_ANDROID, CHIP_NATIVE_IOS, CHIP_REACT, CHIP_DOTNET_CORE], logo: LogoSilvesterConsultancy, timespan: \"April 2017 - August 2017\", function: \"Full Stack Developer\", description: \"Core developer of a mobile veterinary formulary, assisting veterinarians with diagnosing the animal, devising and executing a treatment plan, and calculating medicinal dosages. The application, as well as the back-end management portal, is now used daily by hundreds of veterinarians across the country.\" },\n { chips: [CHIP_DOTNET_FRAMEWORK, CHIP_GREXX], logo: LogoGemCloud, timespan: \"March 2016 - July 2017\", function: \"Scrum Master & Back-End Developer\", description: \"Scrum Master and active part of the development team for a new municipal subsidy system, allowing the government to process and monitor subsidy accountability processes from different business domains. The acquisition was met with a lot of resistance from within many different levels of within the organization, but made its debut at the start of the 2018/2019 subsidy year.\" },\n { chips: [CHIP_NATIVE_ANDROID, CHIP_NATIVE_IOS], logo: LogoEquineInstruments, timespan: \"February 2015 - June 2015\", function: \"Native Mobile Developer\", description: \"The development of an equine gait classification algorithm, employing signal processing over the accelerometer, gyroscope and magnetometer within the IMU of a modern smartphone. The resulting algorithm turned out to determine the gait of a horse with 99.96% accuracy. This algorithm was then used in a smartphone application that assisted equestrians with their training routines.\" },\n { chips: [CHIP_NATIVE_ANDROID, CHIP_NATIVE_IOS, CHIP_DOTNET_FRAMEWORK, CHIP_REACT, CHIP_AZURE], logo: LogoEquineInstruments, timespan: \"October 2015 - August 2018\", function: \"Founder & Full Stack Developer\", description: \"Founder of a subsidiary in which we developed software and hardware for use within the world of equestrian sports. In the project I was responsible for designing and implementing the entire web- and mobile architecture, and was responsible for keeping in contact with our external partners.\" },\n { chips: [CHIP_NATIVE_ANDROID], logo: LogoNwo, timespan: \"December 2014 - August 2016\", function: \"Native Android Developer\", description: \"One of two core developers for the Smart View Through Glass (SVTG) platform, allowing developers to easily couple performance sensors to an Android smartphone and various smartglasses such as Google Glass and Recon Jet. Using the library, we've created applications for rowing, horseback riding, (ice-) skating, medical rehabilitation, robotics and cycling.\" },\n { chips: [CHIP_DOTNET_FRAMEWORK, CHIP_GREXX], logo: LogoGemboxx, timespan: \"December 2013 - November 2016\", function: \"Full Stack Developer\", description: \"Part of a development team for various information systems for Dutch governments and municipalities, such as systems for civil affairs offices, appeal- and objection offices, and youth care institutions. Since the end of 2014 I have also been responsible for managing various teams who work on these systems, while remaining an active part of the development team.\" },\n ];\n\n const items = experiences.map(experience => )\n\n return (\n
\n );\n}\n\nexport default ContactForm;","import { AbstractApi } from \"@silvester/utility-auth\"\nimport { ContactForm_Data } from \"./ContactForm\";\nimport Cookies from \"js-cookie\";\n\nexport interface ContactFormApi_ResponseType {\n success: boolean,\n content: object\n}\n\nexport default class ContactFormApi extends AbstractApi\n{\n constructor(endpointUrl: string) {\n super(endpointUrl);\n }\n\n private onSetHeaders = (headers: Record) => {\n const csrfToken = Cookies.get(\"X-CSRF-TOKEN\");\n if (csrfToken) {\n headers[\"RequestVerificationToken\"] = csrfToken;\n }\n }\n\n public sendContactForm = async (data: ContactForm_Data) =>\n {\n const response = await this.sendGetRequest(\"/api/contact/submit\", data as { [key: string]: string }, undefined, undefined, this.onSetHeaders);\n try {\n return await response.clone().json() as ContactFormApi_ResponseType;\n }\n catch (e) {\n return { success: false, content: await response.clone().text() };\n }\n }\n}","import React, { useRef } from \"react\";\nimport { Card, makeStyles, Theme, createStyles, Typography, Button} from \"@material-ui/core\";\nimport ContactForm, { ContactForm_Data } from \"./ContactForm\";\nimport update from \"immutability-helper\";\nimport ContactFormApi from \"./ContactFormApi\";\nimport { WithSnackbar_Props_Injected, withSnackbar } from \"../../generic/feedback/WithSnackbar\";\nimport { withScrollableAnchor, WithScrollableAnchor_Props_Injected} from \"../../generic/scroll_anchor/WithScrollableAnchor\";\n\nconst useStyles = (props: Props) => makeStyles((theme: Theme) => createStyles({\n root: {\n width: \"100%\"\n },\n title: {\n textAlign: \"center\",\n marginBottom: 30\n },\n card: {\n padding: 20,\n width: \"100%\"\n },\n card_title: {\n textAlign: \"center\",\n fontSize: 24, \n color: \"#3d4451\",\n fontWeight: 400,\n paddingBottom: 12,\n marginLeft: \"20%\",\n marginRight: \"20%\",\n borderBottom: \"1px solid #E7E7E7\"\n },\n footer: {\n textAlign: \"right\",\n paddingRight: 20\n },\n button: {\n\n }\n}));\n\n\ntype Props = WithSnackbar_Props_Injected & WithScrollableAnchor_Props_Injected & {\n\n}\n \nconst ContactFormCard = (props: Props) => {\n const classes = useStyles(props)();\n const data = useRef({});\n const errors = useRef({});\n\n const onFieldChange = (id: string, value: string | null, error: string | null) => {\n if (error === undefined || error === null) {\n data.current = update(data.current, { [id]: { $set: value } });\n }\n errors.current = update(errors.current, { [id]: { $set: error } });\n }\n\n const onSubmit = async () => {\n if (hasErrors())\n {\n props.showSnackbar(\"The data you have entered contains errors.\");\n return;\n }\n\n const api = new ContactFormApi(\"\");\n const response = await api.sendContactForm(data.current);\n if (response.success) {\n props.showSnackbar(\"The message has been successfully sent! We'll be in contact soon!\");\n }\n else {\n props.showSnackbar(\"Something went wrong while trying to send the message. The server says: '\" + response.content + \"'.\");\n }\n }\n\n const getErrors = () => {\n return Object\n .keys(errors.current)\n .filter(e => (errors.current as any)[e] !== undefined && (errors.current as any)[e] !== null);\n }\n\n const hasErrors = () => {\n return getErrors().length > 0;\n }\n\n return (\n
\n Contact Me\n \n Feel free to reach out to me!\n \n
\n \n
\n \n
\n );\n}\n\nexport default withScrollableAnchor(withSnackbar(ContactFormCard));","import React from \"react\";\nimport PageContainer from \"../../components/PageContainer\";\nimport { makeStyles, Theme, createStyles } from \"@material-ui/core\";\nimport ProfileCard from \"../../components/profile/ProfileCard\";\nimport DownloadResume from \"../../components/download_resume/DownloadResume\";\nimport ProficiencyCard from \"../../components/proficiencies/ProficiencyCard\";\nimport ExperienceTimeline from \"../../components/timelines/instances/experiences/ExperienceTimeline\";\nimport EducationTimeline from \"../../components/timelines/instances/educations/EducationTimeline\";\nimport ContactFormCard from \"../../components/contact_me/ContactFormCard\";\n\nconst useStyles = (props: Props) => makeStyles((theme: Theme) => createStyles({\n root: {\n backgroundColor: \"#efefef\",\n }\n}));\n\n\nexport const ANCHOR_ABOUT = \"about\";\nexport const ANCHOR_RESUME = \"resume\";\nexport const ANCHOR_PROFICIENCY = \"proficiency\";\nexport const ANCHOR_EXPERIENCE = \"experience\";\nexport const ANCHOR_EDUCATION = \"education\";\nexport const ANCHOR_CONTACT = \"contact\";\n\ninterface Props {\n\n}\n\nconst HomePage = (props: Props) => {\n const classes = useStyles(props)();\n\n return (\n
\n \n \n \n \n \n \n \n \n
\n );\n}\n\nexport default HomePage;\n","import { createMuiTheme } from \"@material-ui/core/styles\";\n\nconst font = \"Open Sans\";\n\nexport const DefaultTheme = createMuiTheme({\n palette:\n {\n primary: {\n light: \"rgb(255, 197, 191)\",\n main: \"#e8676b\",\n dark: \"#bb101d\",\n contrastText: \"#FFFFFF\"\n },\n secondary: {\n light: \"#ffc947\",\n main: \"#ff9800\",\n dark: \"#c66900\",\n contrastText: \"#FFFFFF\"\n }\n },\n overrides:\n {\n MuiCard:\n {\n root:\n {\n borderRadius: 1\n }\n },\n MuiTabs: {\n indicator: {\n color: \"white\",\n backgroundColor: \"white\"\n }\n },\n MuiTypography:\n {\n root: {\n fontFamily: font\n }, \n h1: {\n fontFamily: font\n },\n h2: {\n fontFamily: font\n },\n h3: {\n fontWeight: 600,\n fontSize: 34,\n lineHeight: 1.2,\n fontFamily: font\n },\n h4: {\n fontFamily: font\n },\n h5: {\n fontFamily: font\n },\n h6: {\n fontFamily: font\n },\n body1: {\n fontFamily: font\n },\n body2: {\n fontFamily: font\n },\n caption: {\n fontFamily: font\n },\n button: {\n fontFamily: font\n },\n subtitle1: {\n fontFamily: font\n },\n subtitle2: {\n fontFamily: font\n },\n overline: {\n fontFamily: font\n }\n }\n }\n}); \n ","import React, { Component } from 'react';\nimport { Route } from 'react-router';\nimport HomePage from './ui/pages/home/HomePage';\nimport { ThemeProvider as MuiThemeProvider} from '@material-ui/styles';\nimport { DefaultTheme } from './resources/themes/DefaultTheme';\nimport { Provider as ReduxStoreProvider } from \"react-redux\";\nimport ReduxStoreDefault from './state/redux/stores/ReduxStoreDefault';\n\n\n\n\nexport default class App extends Component {\n static displayName = App.name;\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n ","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register () {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW (swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker (swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister () {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'bootstrap/dist/css/bootstrap.css';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\n\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n \n \n ,\n rootElement);\n\nregisterServiceWorker();\n","module.exports = __webpack_public_path__ + \"static/media/header_image.d801e403.jpg\";"],"sourceRoot":""}