Robin Jacobs

import React from 'react';
import {TECHNOLOGIES} from '../constants';
import Project from '../component/Project';

const Projects = () => (<div className="projects">
	<Project
		name="Sprint Retrospective"
		link="https://sprintretro.app/"
		logo="sprintretrospective.webp"
		technologiesUsed={[
			TECHNOLOGIES.REACT,
			TECHNOLOGIES.NODE_JS,
			TECHNOLOGIES.TYPESCRIPT,
			TECHNOLOGIES.EXPRESS_JS,
			TECHNOLOGIES.MONGODB,
			TECHNOLOGIES.REDIS,
			TECHNOLOGIES.REDIS_PUBSUB,
			TECHNOLOGIES.DOCKER,
			TECHNOLOGIES.KUBERNETES]}>
		<p>One of those projects that started out as a throwaway experiment to play with some
			different technologies, and happened to turn into something useful.</p>
		<p><em>"How do these new React Hooks work?"</em> turned into <em>"Let's hook this up to an
			API and a database... I wonder what MongoDB is like?"</em> and quickly became a full
			Kubernetes cluster with each component of the application running in Docker containers
			that are auto-scaling and load balanced across several Kubernetes nodes.</p>
		<p>The project currently consists of:</p>
		<ul>
			<li>React frontend</li>
			<li>Node.js API server</li>
			<li>Node.js websocket server</li>
			<li>MongoDB, as the database</li>
			<li>Redis, for storage of temporary data such as active participants, and real-time streaming of activity
				on a retrospective through the use of Redis Pub/Sub</li>
		</ul>
	</Project>
	<Project
		name="DistroHopper"
		link="https://play.google.com/store/apps/details?id=be.robinj.distrohopper"
		logo="distrohopper.webp"
		technologiesUsed={[
			TECHNOLOGIES.JAVA,
			TECHNOLOGIES.ANDROID_SDK]}>
		<p>Custom home screen replacement for Android with themes resembling various Linux
			distributions as well as a search feature with support for several (internal and
			external) search sources.</p>
		<p>This is a spare-time project I started when I was in high school, which I am still
			working on based on feedback users leave on the Google Play Store, or on the Github
			repository. The codebase has however seen a couple of rewrites in the meantime.</p>
	</Project>
	<Project
		name="Molecular Plasma Group (website)"
		link="https://molecularplasmagroup.com/"
		logo="mpg.png"
		technologiesUsed={[
			TECHNOLOGIES.JAVA,
			TECHNOLOGIES.MICRONAUT,
			TECHNOLOGIES.REACT,
			TECHNOLOGIES.TYPESCRIPT,
			TECHNOLOGIES.NODE_JS,
			TECHNOLOGIES.S3]}>
		<p>Website + CMS for a startup. In order to be able to launch the website as quickly
			as possible the decision was made early on to start by throwing together a static
			website, and adding logins and making components dynamic and editable one by one
			after launch so as to allow them the freedom to change things as they see fit.</p>
		<p>This consisted of a React frontend (website), Java/Micronaut backend (CMS), and a
			file upload service for the CMS written in TypeScript, backed by S3 storage.</p>
	</Project>
	<Project
		name="SINControl"
		link="https://github.com/RobinJ1995/penguinControl#readme"
		logo="sincontrol.svg"
		technologiesUsed={[
			TECHNOLOGIES.PHP,
			TECHNOLOGIES.LARAVEL,
			TECHNOLOGIES.MARIADB]}
		integrationWith={[
			TECHNOLOGIES.APACHE,
			TECHNOLOGIES.PROFTPD,
			TECHNOLOGIES.POSTFIX,
			TECHNOLOGIES.MARIADB,
			TECHNOLOGIES.OWNCLOUD,
			TECHNOLOGIES.CRON]}>
		<p>Control panel for both users and administrators of a Debian server.</p>
		<p>Ability to manage system users, Apache vHosts, FTP-accounts, e-mail addresses and
			forwards, run system maintenance tasks, …</p>
	</Project>
</div>);

export default Projects;