mirror of https://github.com/ghostfolio/ghostfolio
				
				
			
				 14 changed files with 296 additions and 24 deletions
			
			
		@ -0,0 +1,19 @@ | 
				
			|||
import { NgModule } from '@angular/core'; | 
				
			|||
import { RouterModule, Routes } from '@angular/router'; | 
				
			|||
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; | 
				
			|||
 | 
				
			|||
import { HalloGhostfolioPageComponent } from './hallo-ghostfolio-page.component'; | 
				
			|||
 | 
				
			|||
const routes: Routes = [ | 
				
			|||
  { | 
				
			|||
    path: '', | 
				
			|||
    component: HalloGhostfolioPageComponent, | 
				
			|||
    canActivate: [AuthGuard] | 
				
			|||
  } | 
				
			|||
]; | 
				
			|||
 | 
				
			|||
@NgModule({ | 
				
			|||
  imports: [RouterModule.forChild(routes)], | 
				
			|||
  exports: [RouterModule] | 
				
			|||
}) | 
				
			|||
export class HalloGhostfolioPageRoutingModule {} | 
				
			|||
@ -0,0 +1,7 @@ | 
				
			|||
import { Component } from '@angular/core'; | 
				
			|||
 | 
				
			|||
@Component({ | 
				
			|||
  selector: 'gf-hallo-ghostfolio-page', | 
				
			|||
  templateUrl: './hallo-ghostfolio-page.html' | 
				
			|||
}) | 
				
			|||
export class HalloGhostfolioPageComponent {} | 
				
			|||
@ -0,0 +1,193 @@ | 
				
			|||
<div class="blog container"> | 
				
			|||
  <div class="row"> | 
				
			|||
    <div class="col"> | 
				
			|||
      <article> | 
				
			|||
        <div class="mb-4 text-center"> | 
				
			|||
          <h1 class="mb-1" i18n>Hallo Ghostfolio 👋</h1> | 
				
			|||
          <div class="text-muted"><small>27.07.2021</small></div> | 
				
			|||
        </div> | 
				
			|||
        <section class="mb-4"> | 
				
			|||
          <p> | 
				
			|||
            In diesem Artikel möchte ich mein neues Open Source Projekt näher | 
				
			|||
            vorstellen: <a href="https://ghostfol.io">Ghostfolio</a>, eine | 
				
			|||
            web-basierte Software für das Management der persönlichen Finanzen. | 
				
			|||
          </p> | 
				
			|||
        </section> | 
				
			|||
        <section class="mb-4"> | 
				
			|||
          <h2 class="h4">Welches Problem löst Ghostfolio?</h2> | 
				
			|||
          <p> | 
				
			|||
            Aufgrund der steigenden Inflation und den Negativzinsen befasse ich | 
				
			|||
            mich seit einiger Zeit, wie ich mein Vermögen möglichst | 
				
			|||
            diversifiziert anlegen kann. Konkret verfolge ich eine Buy & Hold | 
				
			|||
            Strategie mit Investitionen in verschiedene Anlageklassen verteilt | 
				
			|||
            auf unterschiedliche Plattformen. Deshalb suchte ich nach einer App, | 
				
			|||
            die mein Portfolio ganzheitlich zusammenfasst. Bei meiner | 
				
			|||
            Internetrecherche und Suche in App Stores habe ich mehrere Lösungen | 
				
			|||
            ausprobiert, doch keine hat mich vollkommen überzeugt: Zu | 
				
			|||
            kompliziert, zu überladen, nicht optimiert für Smartphones oder zu | 
				
			|||
            wenig umfassend. | 
				
			|||
          </p> | 
				
			|||
        </section> | 
				
			|||
        <section class="mb-4"> | 
				
			|||
          <h2 class="h4">Die Vision</h2> | 
				
			|||
          <p> | 
				
			|||
            Besonders wichtig ist mir, dass ich in Echtzeit die Übersicht über | 
				
			|||
            mein gesamtes Vermögen erhalte. Bisher hatte ich nur einmal im Jahr, | 
				
			|||
            beim Abschluss der Steuererklärung, die aufbereiteten Zahlen zur | 
				
			|||
            Verfügung. Zum Gesamtbild gehören neben Cash auf dem Sparkonto auch | 
				
			|||
            länderspezifische Besonderheiten wie beispielsweise die freiwillige | 
				
			|||
            Altersvorsorge (Säule 3a) in der Schweiz. | 
				
			|||
          </p> | 
				
			|||
          <p> | 
				
			|||
            In der Zwischenzeit habe ich mit vielen Kollegen gesprochen, die | 
				
			|||
            schon länger investieren. Nicht wenige haben aus denselben | 
				
			|||
            Überlegungen über die Zeit ein komplexes Spreadsheet angelegt. Ich | 
				
			|||
            finde, dass dies im Jahr 2021 besser gehen muss. | 
				
			|||
          </p> | 
				
			|||
          <div class="container my-4"> | 
				
			|||
            <div class="row"> | 
				
			|||
              <div class="col-md-10 offset-md-1"> | 
				
			|||
                <blockquote class="blockquote m-0"> | 
				
			|||
                  <p class="mb-0"> | 
				
			|||
                    Ghostfolio zeigt das Gesamtbild des Vermögens, um | 
				
			|||
                    bestmögliche Anlage-Entscheidungen zu treffen. | 
				
			|||
                  </p> | 
				
			|||
                </blockquote> | 
				
			|||
              </div> | 
				
			|||
            </div> | 
				
			|||
          </div> | 
				
			|||
          <p> | 
				
			|||
            Ghostfolio soll eine simple Wealth Management Software sein. Diese | 
				
			|||
            präsentiert jederzeit das aktuelle Vermögen und unterstützt bei | 
				
			|||
            zukünftigen Investments. Sei es beim Rebalancing des Portfolios in | 
				
			|||
            Anlageklassen (Aktien, Cryptocurrencies, ETFs, etc.) oder der | 
				
			|||
            Finanzierung einer Wohnung, Ghostfolio bietet eine solide, | 
				
			|||
            datengestützte Entscheidungshilfe. | 
				
			|||
          </p> | 
				
			|||
          <p> | 
				
			|||
            Ich lege grossen Wert auf Datenschutz. Als | 
				
			|||
            <a href="https://github.com/ghostfolio/ghostfolio" | 
				
			|||
              >Open Source Software</a | 
				
			|||
            > | 
				
			|||
            (OSS) kann Ghostfolio vollständig anonym genutzt werden, ohne die | 
				
			|||
            gierigen Blicke von Grossbanken oder Big Tech. | 
				
			|||
          </p> | 
				
			|||
        </section> | 
				
			|||
        <section class="mb-4"> | 
				
			|||
          <h2 class="h4">Von der Idee zur Umsetzung</h2> | 
				
			|||
          <p> | 
				
			|||
            Vor diesem Hintergrund habe ich das ambitionierte Projekt gestartet | 
				
			|||
            und in kleinen Schritten eine Software programmiert, die ich rasch | 
				
			|||
            selbst nutzen konnte. Als Stack habe ich mich für moderne | 
				
			|||
            Web-Technologien entschieden, die mich persönlich besonders | 
				
			|||
            interessieren beziehungsweise die ich gerne erlernen und vertiefen | 
				
			|||
            möchte. Dazu zählen <a href="https://www.docker.com">Docker</a>, | 
				
			|||
            <a href="https://nx.dev">Nx</a> für das Management des Monorepos, | 
				
			|||
            <a href="https://nestjs.com">NestJS</a> für das Backend und | 
				
			|||
            <a href="https://www.postgresql.org">PostgreSQL</a> als Datenbank. | 
				
			|||
            Der Code ist sowohl im Frontend als auch im Backend in | 
				
			|||
            <a href="https://www.typescriptlang.org">TypeScript</a> | 
				
			|||
            geschrieben. | 
				
			|||
          </p> | 
				
			|||
          <p> | 
				
			|||
            Da ich bei einigen Kalkulationen an meine Grenzen gestossen bin, | 
				
			|||
            habe ich mit verschiedenen Möglichkeiten auseinandergesetzt, um | 
				
			|||
            Unterstützung zu bekommen. In der Hoffnung, dass andere Leute | 
				
			|||
            ebenfalls von der Lösung profitieren und bei Interesse mit | 
				
			|||
            Verbesserungen beitragen können, habe ich den bestehenden Code als | 
				
			|||
            Open Source Software veröffentlicht. Schon nach kurzer Zeit haben | 
				
			|||
            <a | 
				
			|||
              href="https://github.com/ghostfolio/ghostfolio/graphs/contributors" | 
				
			|||
              >andere Entwickler</a | 
				
			|||
            > | 
				
			|||
            mit tollen Erweiterungen an Ghostfolio mitgewirkt. | 
				
			|||
          </p> | 
				
			|||
        </section> | 
				
			|||
        <section class="mb-4"> | 
				
			|||
          <h2 class="h4">Wie kann ich das Projekt unterstützen?</h2> | 
				
			|||
          <p> | 
				
			|||
            Bist du ebenfalls besessen von einer maximal diversifizierten | 
				
			|||
            Anlagestrategie? Ich freue mich über alle, die Ghostfolio | 
				
			|||
            ausprobieren. Bist du überzeugt vom Potential der Software? Jede | 
				
			|||
            Unterstützung für Ghostfolio ist willkommen. Sei es mit einer | 
				
			|||
            <a href="https://ghostfol.io/pricing">Ghostfolio Premium</a> | 
				
			|||
            Subscription zur Finanzierung des Hostings, einem positiven Rating | 
				
			|||
            im | 
				
			|||
            <a | 
				
			|||
              href="https://play.google.com/store/apps/details?id=ch.dotsilver.ghostfolio.twa" | 
				
			|||
              >Google Play Store</a | 
				
			|||
            >, einem Sternchen auf | 
				
			|||
            <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>, | 
				
			|||
            Feedback, Bug Reports, Feature Requests und natürlich Contributions! | 
				
			|||
          </p> | 
				
			|||
          <p> | 
				
			|||
            Du erreichst mich per E-Mail unter | 
				
			|||
            <a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> oder auf Twitter | 
				
			|||
            <a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>. | 
				
			|||
          </p> | 
				
			|||
          <p> | 
				
			|||
            Ich freue mich, von dir zu hören.<br /> | 
				
			|||
            Thomas von Ghostfolio | 
				
			|||
          </p> | 
				
			|||
        </section> | 
				
			|||
        <section class="my-5"> | 
				
			|||
          <ul class="list-inline"> | 
				
			|||
            <li class="h5"> | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Aktie</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Altersvorsorge</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Anlage</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2">App</span> | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Cryptocurrency</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2">ETF</span> | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Feedback</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Fintech</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Ghostfolio</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Investition</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Open Source</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2">OSS</span> | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Portfolio</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Software</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Strategie</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Trading</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >TypeScript</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Vermögen</span | 
				
			|||
              > | 
				
			|||
              <span class="badge badge-light font-weight-normal mr-2" | 
				
			|||
                >Wealth Management</span | 
				
			|||
              > | 
				
			|||
            </li> | 
				
			|||
          </ul> | 
				
			|||
        </section> | 
				
			|||
      </article> | 
				
			|||
    </div> | 
				
			|||
  </div> | 
				
			|||
</div> | 
				
			|||
@ -0,0 +1,14 @@ | 
				
			|||
import { CommonModule } from '@angular/common'; | 
				
			|||
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; | 
				
			|||
 | 
				
			|||
import { HalloGhostfolioPageRoutingModule } from './hallo-ghostfolio-page-routing.module'; | 
				
			|||
import { HalloGhostfolioPageComponent } from './hallo-ghostfolio-page.component'; | 
				
			|||
 | 
				
			|||
@NgModule({ | 
				
			|||
  declarations: [HalloGhostfolioPageComponent], | 
				
			|||
  exports: [], | 
				
			|||
  imports: [CommonModule, HalloGhostfolioPageRoutingModule], | 
				
			|||
  providers: [], | 
				
			|||
  schemas: [CUSTOM_ELEMENTS_SCHEMA] | 
				
			|||
}) | 
				
			|||
export class HalloGhostfolioPageModule {} | 
				
			|||
					Loading…
					
					
				
		Reference in new issue