Reference

Sisers Stretching

The first online stretching program for dancers in the DACH area. It contains videos, motivation, tipps, challenges and a unique community. This project is done in cooperation with Webschmiede our partners from Oberwart. Our part in this project is to develop a video transcoding server, migrate to a new backend and implement a mobile application for the thousands of subscribers of Sisers Stretching.

Duration

1 Year

Team

  • Lukas Obermann
  • Wolfgang Haupt
  • Uwe Adorjan
  • Webschmiede GmbH

Techstack

  • NodeJS
  • VueJS
  • Keycloak
  • Java
  • Flutter
  • Kotlin
  • Swift

Services

  • Concept
  • Development
  • Deployment
  • Support
  • Operations

No items found.
Details
About

Sisers Stretching

Initial Situation

Sisers Stretching started out with a website based on WordPress, which has been developed by the Webschmiede GmbH and still is supported and maintained by them.

The guys from Webschmiede, reached out to us in order to elevate Sisers Stretching to the next level by implementing a native app. Creating a custom transcoding server to get rid of Vimeo downtimes during COVID as well as to reduce costs caused by the sheer amounts of available stretching videos, was basically the precursor for this custom app development.

Our Solution

We developed a custom CMS to easily manage app content, from videos to categories, tags, challenges, stretching plans and more, everything can be managed by an intuitive web based backend.
Additionally it allows to show news in the app as well as send custom push notifications to app users.

A custom developed video transcoder service is attached, so any new video that is uploaded to the CMS will be converted into HLS for flawless mobile playback.

The app has tons of features, but here is a short list of the most notable ones:

  • User profile for personalized content
  • Custom stretching plans
  • Success Stories to track and share your progress
  • Challenges
  • Advanced video filtering
  • Offlineplayback

Technological Approach

The CMS backend is done in Vue.js and Vuetify which is also our default webstack since day one.
MongoDB serves as the database, the video transcoder utilizes Node.js and ffmpeg.
For the app we decided to use Flutter in order to be able to offer an appropriate Android and iOS experience with a single codebase.

One of the bigger challenges was to use the already existing website users securely, which we could achieve by utilizing Keycloak as the authentication backbone, including a custom SPI to integrate with the website backend.

Future Outlook

After a very challenging year, we managed to successfully launch the app and bring joy to all Sisers Stretching customers who were excitingly waiting for the Sisers App to arrive.
In the end it was worth it and the app is now the main point of user interaction for Sisers Stretching, and will continue to help Sisers Stretching grow their userbase.

Under the hood
Techstack
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.