mirror of https://github.com/ghostfolio/ghostfolio
Thomas
4 years ago
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