Projects
Websites
huebschmann.ch My Portfolio website
This is my new portfolio website. First one made with Bootstrap. This is where I show my hobbies: creating websites and photography. The color scheme shows the transission between the ocean and a beach.
Technology: HTML, CSS, PHP, JS, Bootstrap v4.5Method: Used some bootstrap templates and added own style and html content.
Published: October 2020
Link: www.huebschmann.ch
Seerettungsdienst Küsnacht-Erlenbach Website for a search & rescue team
This website shows the work of a search & rescue team at the lake of Zurich, where I am a team member, too. Fancy is the self made like button in the articles.
Technology: HTML, CSS, PHP, JSMethod: Used a free CSS template and changed style to my needs. Added html content.
Published: 2019
Link: www.seeretter-kuesnacht.ch
Apps
Timelapse Calculator for a relaxed shooting
As I'm very interessted in shooting timelapse movies, where a camera takes several picstures in a defined interval, I always needed to calculate the amout of pictures, length of recording or the final movie time. With this JS based PWA, it is very easy now.
Technology: PWA, HTML, CSS, JS, Bootstrap v4.5Method: Simple JS calculation, styling made with Bootstrap.
Published: January 2021
Link: timelapse.huebschmann.ch
Epoxy Calculator for epoxy resin artwork
This is just a little javascript projects, giving me and others the exact amount of resin epoxy by doing some artwork (another hobby of mine). As a PWA, you can simply add it to your homescreen and have it ready anytime.
Technology: PWA, HTML, CSS, JS, Bootstrap v4.5Method: Simple JS calculation, styling made with Bootstrap.
Published: November 2020
Link: epoxy.huebschmann.ch
SRDK WebApp a PWA for the search & rescue team
My first Progressive Web App. It is a handy app for the S&R team that shows education, maps, emergency procedures, phone lists and much more. Easy to put to homescreen, PWA technology allows a native feeling without browser header.
Technology: PWA, HTML, CSS, PHP, JS, MySQLMethod: Used a free CSS template and changed style to mobile-first view. Added html content.
Published: May 2020
Link: internal purpose
Buoy work Website and app for work overview
This website/app is made for the search & rescue team to have an overview over the status of the buoys they have to maintain. If they check the status by diving and control the buoy, they can instantly add a new entry with the status. An overview tells which have to be repaired or replaced. Cool thing is a selfmade SVG picture, where the color changes duey to the status.
Technology: HTML, CSS, PHP, JS, MySQLMethod: Same style like the SRDK PWA, created several forms that connect to the MySQL database.
Published: October 2020
Link: internal purpose
