Skip to main content

Aden Software — Freelance Business Website

Aden Software is my own freelance website — the step into self-employment after the F+S project. Working with F+S showed me how much I enjoy close client collaboration and what it means to own a product from start to finish. This website is the starting point for my freelance work.

Live Project

Repository is not publicly accessible for business reasons.

Aden Software Hero

What is Aden Software?​

A business website for my freelance work as a full-stack developer — self-designed, self-developed, self-deployed. The design deliberately breaks with static standard layouts and creates a creative 3D space through Three.js that feels more like art than a typical company website.

Tech Stack​

Angular Django Three.js GLSL Shaders Docker Nginx GitHub Actions

Project Structure​

aden-software/
├── 📁 .github/
│   └── 📁 workflows/          # CI/CD Pipeline
├── 📁 aden-business-frontend/ # Angular App + Three.js
├── 📁 aden-business-backend/  # Django Backend
├── ⚙️ docker-compose.yml      # Orchestration
└── 📄 .gitignore

Identical infrastructure to the F+S project — Docker, Nginx reverse proxy, GitHub Actions for automated deployment. What worked for the client also runs on my own website.​

The Starter-Kit System​

A key learning from the F+S project was: a lot of hours are lost before the actual coding begins. The same foundation, rebuilt from scratch every time.

That's why after the DevSecOps training I built my own starter-kit system that I use for every new client project:

What the Frontend Starter-Kit Includes​

  • SSR & SEO out of the box
  • Sitelinks structure
  • Legal pages (imprint, privacy policy)
  • Hero section
  • Standard components needed in every project
  • Configuration fully via .env

What the Backend Starter-Kit Includes​

  • Everything a Django backend needs to get started
  • Auth system pre-configured
  • All settings distributed via .env

Starter-Kit Variants​

  • Standard — Frontend + backend, the base for every project
  • With Payment System — Directly includes Stripe integration for shop projects

A new project is set up within minutes — the focus is from day one on what makes the client unique, not on infrastructure.

Design & Three.js​

The design was a deliberate choice against standard layouts. After an intensive Three.js course, a creative 3D space was developed that sets the website apart from typical business pages.

Technical highlights:

  • 3D Scene — Interactive Three.js room as the central design element
  • GLSL Shaders — Complex visual calculations directly on the GPU instead of JavaScript
  • Performance-First — Continuous monitoring so the 3D scene doesn't impact load time or runtime performance

Aden Software 3D Room​

What I Learned​

  • Three.js & WebGL — 3D in the browser and why shaders are the better choice over CPU calculations for complex effects
  • Building Your Own Systems — The difference between "having built something" and "having built a system you use again and again"
  • Freelance Mindset — When you're ready to take the leap and what you need to present yourself professionally