Frédérique Mittelstaedt

During my first major solo web development project in 2010 and 2011, I created a modular eLearning system, IGLU, for my high school using PHP which I eventually extended with features for a broader audience.

I presented it at the German youth science competition “Jugend forscht” and subsequently won the Berlin state competition in the category: work environment.

In autumn 2016, I created with a friend from university a cryptocurrency-trading platform and bot for personal use on the Kraken exchange.

In this (largely educational) project, we learned a lot about time series prediction, technical analysis as well as the microservice development and deployment (and we even made a small amount of profit).

Starting in 2007, I administered to the website of my high school for about four years. This included migrating all of the media and content from an older CMS to Joomla, configuring the system, and developing a custom theme and some custom extensions for it. I initially taught myself HTML, CSS, and JavaScript primarily for this.

During my final two years in high school, I was a STEM ambassador and youth coordinator for the German STEM organization "MINT Zukunft schaffen" and, among other things, set up and managed a PHP-based forum system for them.

During my undergraduate studies, I also managed the CMS of my residential halls and worked on the main university WordPress website as well as event- and department-specific microsites. I managed the site content, created themes, extensions, and specific widgets—like an HTML 5 news carousel for the front page of the main university website replacing a previous Flash version.

This NPM package provides a component that observes a MobX store and injects the contents as a theme into the CSS-in-JS style library emotion. You can use it to make the theme dynamic and make all UI elements rerender, whenever the observable theme components update.

This NPM package provides a responsive React component wrapping the Monaco Editor. Monaco is an open source editor powering Visual Studio code but, by default, it is displayed with a fixed width, specified initially. This component wraps the editor and makes it resize whenever the available space changes/the browser window resizes so it becomes useable for responsive design.

GitHub Pages is a free service for hosting static websites from a GitHub code repository. While commonly used for static content like code documentation, you can host entire single-page web apps on it.

This small project provides the boilerplate for building a React single-page web application using TypeScript and Webpack and deploying it to GitHub Pages with a single command.

This NPM package provides an extendable error class with support for TypeScript. Regular in-built JavaScript classes are not extendable like user-defined classes. To complicate matters, the behavior differs across browsers and support version of JavaScript.

This extendable error class is compatible across all browsers (including all version of IE) and has the behavior of the error classes in the latest version of JavaScript.

I was part of London Contemporary Voices Kin Choir from its formation in 2014 until I left London to become a digital nomad in 2016. Our repertoire was mainly focused on modern arrangements with experimental elements and vocal percussion (beatboxing).

We frequently have paid bookings at events and perform live with or do session recordings with professional artists like Kim Wilde, Shlomo, or Imogen Heap. During the summer, we perform at a number of music festivals in the UK and continental Europe.

Beyond just singing, I've also written choral arrangements of electronic music tracks and performed them with LCVK, such as "Monument" by Röyksopp & Robyn (linked) which now has nearly 16,000 views on Youtube (Feb 2019).

After completing my master’s degree, I decided to become a digital nomad, sold most of my belongings and left London to travel around the world.

I spent most of my time abroad in Thailand, Vietnam, Japan, and New Zealand, but also traveled to Myanmar, South Korea, the US, and the Caribbean.

While abroad, I studied different programming language implementations as well as textbooks and research papers on programming languages, compiler design, and artificial intelligence which ultimately led to me starting work on my third tech startup, Automorph.

Service.js is an application framework written in TypeScript for the JavaScript ecosystem.

The core idea behind service.js is to structure applications as asynchronously communicating services, which encapsulate some part of the application functionality. The communication between the services is described using strongly typed, reusable protocols.

The services can then run in locally, in parallel, or remotely without any changes to the codebase. This renders changes to the application deployment trivial. The same services can be used in a standalone application, in a monolithic client-server backend or using microservices.

I started this project to simplify the development of microservice-based applications using TypeScript. The framework is currently under development and I hope to release version 1.0 in the first half of 2019.

Service.UI is a design and UI component framework written in TypeScript. The core idea is to use a design system for developing a component library for each project/application. The component structure follows the ideas of atomic design.

Service.UI currently uses the CSS-in-JS library emotion for theming and provides React components. The libraries are very small and each component, typically measuring less than 1KB in size each, can be used independently of the others, allowing overall bundle sizes to stay small.

Since the same concept can be applied to different environments, the library will be ported to React Native to support usage in mobile apps and Snabbdom which offers a faster and more lightweight alternative to React.

I started developing the development of this library due to the lack of good, small and easily configurable component libraries. The library is currently under development and I plan to release a stable version 1.0 in the first half of 2019.

As part of an interdisciplinary team of students, I worked on the development of an interactive tool for drawing and simulating nodal networks, which were modeled after biological neural networks using processing.