Michael Müller

This website was created on a customer order for Michael Müller. He works as a certified forest educator in the southwest of Germany, but also in other places.

Strapi is used as the backend. This enables the customer to change the content on the website himself as easily as possible.

Backend

The frontend is a Next.js app. The design was implemented with TailwindCSS.

Frontend

large_0.png

medium_0.png

small_0.png

thumbnail_0.png

0.png

large_8.png

medium_8.png

small_8.png

thumbnail_8.png

8.png

large_5.png

medium_5.png

small_5.png

thumbnail_5.png

5.png

large_2.png

medium_2.png

small_2.png

thumbnail_2.png

2.png

large_6.png

medium_6.png

small_6.png

thumbnail_6.png

6.png

large_4.png

medium_4.png

small_4.png

thumbnail_4.png

4.png

large_1.png

medium_1.png

small_1.png

thumbnail_1.png

1.png

large_3.png

medium_3.png

small_3.png

thumbnail_3.png

3.png

large_7.png

medium_7.png

small_7.png

thumbnail_7.png

7.png

Diese Website wurde in einem Kundenauftrag für Michael Müller erstellt. Er ist als zertifizierter Waldpädagoge im Südwesten von Deutschland, aber auch an anderen Orten tätig.

Isegrim Waldpädagogik

Next.js

As I saw the main advantages of Next.js, e.g. the built-in router and SSR/SSG, I fell in love. I changed most of my private projects from React to Next.js and started using it in client projects.

Strapi

I am using Strapi in private and client projects because it is very fast and easy to use, and easy to extend for own needs.

Tailwind CSS

TailwindCSS is my favorite "framework" for client projects. It's super easy to use, keeps the UI consistent and is also very lightweight.

TypeScript

Thrown in the cold water as I wanted to develop own VS Code extensions I needed to learn TypeScript. Now I am using it everywhere doe to its type-safety and perfect code completion.

Docker

Tim Bortscheller

This website was created as part of a customer order for Tim Bortscheller. As a technical consultant, he is responsible for machining and was able to grow very quickly with the help of the website.

Strapi is used as backend/CMS. This allows new content to be added without having to rebuild the frontend.

The frontend is implemented in Next.js together with TailwindCSS.

Diese Website wurde im Rahmen eines Kundenauftrags für Tim Bortscheller erstellt. Er ist als fachlicher Berater in der Zerspanung zuständig und konnte mit Hilfe der Website sehr schnell wachsen.

TBW Werkzeuge

Tobias Wälde

There are lots of tools for almost everything online. Instead of adding bookmarks for the tools I use regulary I simply created a small WebApp which allows me to do that all in one app. See below for more information about the functionality.

The password generator has several options to change the character set and the length of the password. I also added a checkbox to quickly use a predefined preset. By checking 'Auto Clipboard' the password will be automatically copied to the clipboard after generating.

Password Generator

In the 'Bcrypt' section you can encrypt and decrypt a password using bcrypt.

Bcrypt

In the 'Hash' section you can generate hashes with some common hash algorithms.

Hash

I mainly use this tool to encode my contact details to use them on webpages without getting a thousand emails from spambots every day.

HTML Entity

large_01.png

medium_01.png

small_01.png

thumbnail_01.png

01.png

Online gibt es viele Tools für fast alles. Anstatt Lesezeichen für die Tools hinzuzufügen, die ich regelmäßig verwende, habe ich einfach eine kleine WebApp erstellt, mit der ich das alles in einer App tun kann. Siehe unten für weitere Informationen über die Funktionalität.

Passwort-Generator und Werkzeuge

React

React was my first contact with modern web development. Over the years I spent much time on several courses to learn everything about it.

Express.js

I started learning Express.js due to its simplicity to write small and larger APIs.

Password Generator and Tools

This app is the control interface of my custom built smart home.

I used a Raspberry Pi to send serial signals to multiple PWM servo controllers. These controllers are linked to transistors which control the actual brightness of the LED strips.

Hardware

Like in the last version of my smart home, I wrote two backends. The main backend is a Python script which uses Flask to receive requests and control the lights. The other backend is a express.js app to which the control app sends requests to. It combines the Python backend on my smart home Raspberry and another Python backend on my home server (also a Raspberry Pi). This allows me to get several information like CPU usage, RAM usage and disk usage of both Rarasperries in one request. I also added a cron job to implement an automatic fan control to cool down the Raspberries if needed.

The frontend is an android app coded in Flutter. I published it to the Google Play Store to provide automatic updates to my parents which have limited control (toggle the shutters).

large_app-1.png

medium_app-1.png

small_app-1.png

thumbnail_app-1.png

app-1.png

large_app-0.png

medium_app-0.png

small_app-0.png

thumbnail_app-0.png

app-0.png

large_app-2.png

medium_app-2.png

small_app-2.png

thumbnail_app-2.png

app-2.png

large_hardware-raspberry.jpg

medium_hardware-raspberry.jpg

small_hardware-raspberry.jpg

thumbnail_hardware-raspberry.jpg

hardware-raspberry.jpg

large_hardware-bed-module.jpg

medium_hardware-bed-module.jpg

small_hardware-bed-module.jpg

thumbnail_hardware-bed-module.jpg

hardware-bed-module.jpg

large_hardware-led-controller.jpg

medium_hardware-led-controller.jpg

small_hardware-led-controller.jpg

thumbnail_hardware-led-controller.jpg

hardware-led-controller.jpg

large_hardware-wireless-receiver.jpg

medium_hardware-wireless-receiver.jpg

small_hardware-wireless-receiver.jpg

thumbnail_hardware-wireless-receiver.jpg

hardware-wireless-receiver.jpg

large_hardware-wireless-doorbell.jpg

medium_hardware-wireless-doorbell.jpg

small_hardware-wireless-doorbell.jpg

thumbnail_hardware-wireless-doorbell.jpg

hardware-wireless-doorbell.jpg

large_hardware-rack-front.jpg

medium_hardware-rack-front.jpg

small_hardware-rack-front.jpg

thumbnail_hardware-rack-front.jpg

hardware-rack-front.jpg

large_hardware-rack-back.jpg

medium_hardware-rack-back.jpg

small_hardware-rack-back.jpg

thumbnail_hardware-rack-back.jpg

hardware-rack-back.jpg

Diese App ist die Steuerschnittstelle meines maßgeschneiderten Smart Homes.

Smarthome (v2)

Dart

I learned Dart together with Flutter to create native mobile applications.

Flutter

I learned Flutter to create native mobile applications. One version of my Smarthome was also written as a Flutter app. Later I decided to write a web app again, since it is independent of the operating system (Flutter Web didn't exist back then)

Python

First used to write the backend of my Smarthome. Now I use Python in only small scripts, e.g. to get information about connected VPN clients in my Smarthome.

During my vocational training, I wrote firmware for sensors. But I also use in private projects, like my Smarthome, to write the firmware for the microcontrollers.

This webapp is the control interface of my custom built smart home.

I used a Raspberry Pi as MQTT brooker. I wrote scripts for multiple NodeMCUs (small powerful boards with WiFi) to listen to MQTT topics. These NodeMCUs are sending serial signals to PWM servo controllers. These controllers are linked to transistors which control the color and brightness of the LED strips, and toggle relays on and off.

I only have one backend in this version of my smarthome. The backend is responsible to handle the authenticaton, bundle Fritz! API and Philips Hue API and handle MQTT messages.

The frontend is a React Webapp again. It decreases the update time for my parents and allows me so control my Smarthome from any device.

large_tab-tobi-living-room.png

medium_tab-tobi-living-room.png

small_tab-tobi-living-room.png

thumbnail_tab-tobi-living-room.png

tab-tobi-living-room.png

large_tab-stats.png

medium_tab-stats.png

small_tab-stats.png

thumbnail_tab-stats.png

tab-stats.png

large_tab-preferences.png

medium_tab-preferences.png

small_tab-preferences.png

thumbnail_tab-preferences.png

tab-preferences.png

large_tab-living-room.png

medium_tab-living-room.png

small_tab-living-room.png

thumbnail_tab-living-room.png

tab-living-room.png

large_tab-home.png

medium_tab-home.png

small_tab-home.png

thumbnail_tab-home.png

tab-home.png

large_tab-corridor.png

medium_tab-corridor.png

small_tab-corridor.png

thumbnail_tab-corridor.png

tab-corridor.png

large_tab-garden.png

medium_tab-garden.png

small_tab-garden.png

thumbnail_tab-garden.png

tab-garden.png

large_tab-bathroom.png

medium_tab-bathroom.png

small_tab-bathroom.png

thumbnail_tab-bathroom.png

tab-bathroom.png

Diese Webapp ist die Steuerungsschnittstelle meines maßgeschneiderten Smart Homes.

Smarthome (v3)

 MaterialUI

Heavily used in my Smarthome but also used in many other projects due to its possibilities and UI components for nearly everything in small and large applications.

Specializing In

App Development

Web Development

Technical Advice

Featured Projects

Isegrim Waldpädagogik

TBW Werkzeuge

Password Generator and Tools

Smarthome (v2)

Smarthome (v3)

Schoenenberger Messer

What my clients say about my work

Get In Touch

Send a Message