some projects

germanpsycho.de
Literature / Art project
This is a literature-project for a client from Berlin. Every week a new episode will be released.

I have build a custom Content Management-System (Admin-App) that allows the client to manage and edit episodes.
I also build a custom realtime-comments-system. Comments can be managed, approved and deleted in the Admin-App.
The Admin-App is available as a web-app and as a desktop-app for OSX and Windows.
  • The frontend is build with Quasar/Vue 2 (incl. Router and Vuex)
  • The endless-auto-scroll was tricky to implement but i got it to work using the GSAP(greensock)-animation library.
  • The database and auth of the admin-app is using Google Firebase.
  • The comments & notifications to the admin are handled by a small backend running Node.js/Express and Nodemailer. Mails are sent via Sendgrid
  • The frontend is hosted on Netlify, the backend is hosted on Caprover/Digitalocean.
  • Quasar and Electron are used to create the desktop-version of the Admin-App.
Vue2 Quasar Firebase Firestore & auth Electron GSAP3 (greensock) Node.js Express.js Nodemailer Sendgrid Caprover Digitalocean
view page admin-app web (demo)
Download Admin-app OSX (demo) Download admin-app Windows (demo)
codepedia.de
My personal coding reference
Theese are notes i took for myself from the moment i started learning to code - all converted into a Vuepress-Page.
This is (and will always be) work in progress... And it is still a bit of a mess...😉 But it contains a lot of information and i use it every day.
Vuepress Vue2 Markdown Netlify jamstack
view page code on github
Around the world
Travel Blog Site - My final project at the Hamburg Coding School
This page uses the MEVN-Stack (MongoDB, Express.js, Vue.js, Node.js)
  • The frontend is build with Vue 3 (incl. Router and Vuex) and Tailwind CSS
  • The backend is a Node/Express Server running on Caprover/Digitalocean
  • The data is stored in a Mongo DB-Atlas Cloud Database handled by the backend using mongoose
  • The backend provides a REST API for the Blog-Posts
  • Authentification is handled by the backend using JWT-Tokens and passwords are encrypted with Bcrypt
  • The backend is hosted on render.com - the page might a little time to 'wake up'
Vue3 Tailwind CSS MongoDB Node.js Express.js Google Maps Wikipedia API JWT Bcryptjs Render Netlify MEVN-Stack
view page code on github backend on github
steffen-haefelinger
The Homepage for my musical work
This page is a Jamstack/static site build with Nuxt, Vue2 and Vueitfy.
The basic app is done, but the real content is missing. If you want to learn more about my musical work, visit this (old) page: steffen-haefelinger.com
  • Nuxt/Vue2 is used for the frontend-code
  • Vuetify is used for components and design-elements
  • Internationalisation is done with Nuxt-i18n
  • The site is hosted on Netlify
Nuxt Vue2 Vuetify Nuxt-i18n Netlify Jamstack
preview page code on github
functionfactory.de
This page…
This page is a Jamstack/static site build with Gridsome, Vue2 and Vueitfy
  • Gridsome/Vue2 is used for the frontend-code
  • Vuetify is used for components and design-elements
  • Some small animations are added with GSAP3
  • The site is hosted on Netlify
Gridsome Vue2 Vuetify GSAP3 (Greensock) Netlify Jamstack
view page code on github