mirror of https://github.com/ghostfolio/ghostfolio
Browse Source
* Setup blog * Add german blog post * Add english blog post * Update changelogpull/238/head
Thomas
4 years ago
committed by
GitHub
GitHub
25 changed files with 591 additions and 28 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,194 @@ |
|||||
|
<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>31.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 |
||||
|
<a [routerLink]="['/resources']">Buy and Hold Strategie</a> 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,15 @@ |
|||||
|
import { CommonModule } from '@angular/common'; |
||||
|
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
||||
|
import { RouterModule } from '@angular/router'; |
||||
|
|
||||
|
import { HalloGhostfolioPageRoutingModule } from './hallo-ghostfolio-page-routing.module'; |
||||
|
import { HalloGhostfolioPageComponent } from './hallo-ghostfolio-page.component'; |
||||
|
|
||||
|
@NgModule({ |
||||
|
declarations: [HalloGhostfolioPageComponent], |
||||
|
exports: [], |
||||
|
imports: [CommonModule, HalloGhostfolioPageRoutingModule, RouterModule], |
||||
|
providers: [], |
||||
|
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
||||
|
}) |
||||
|
export class HalloGhostfolioPageModule {} |
||||
@ -0,0 +1,19 @@ |
|||||
|
import { NgModule } from '@angular/core'; |
||||
|
import { RouterModule, Routes } from '@angular/router'; |
||||
|
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; |
||||
|
|
||||
|
import { HelloGhostfolioPageComponent } from './hello-ghostfolio-page.component'; |
||||
|
|
||||
|
const routes: Routes = [ |
||||
|
{ |
||||
|
path: '', |
||||
|
component: HelloGhostfolioPageComponent, |
||||
|
canActivate: [AuthGuard] |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
@NgModule({ |
||||
|
imports: [RouterModule.forChild(routes)], |
||||
|
exports: [RouterModule] |
||||
|
}) |
||||
|
export class HelloGhostfolioPageRoutingModule {} |
||||
@ -0,0 +1,7 @@ |
|||||
|
import { Component } from '@angular/core'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'gf-hello-ghostfolio-page', |
||||
|
templateUrl: './hello-ghostfolio-page.html' |
||||
|
}) |
||||
|
export class HelloGhostfolioPageComponent {} |
||||
@ -0,0 +1,173 @@ |
|||||
|
<div class="blog container"> |
||||
|
<div class="row"> |
||||
|
<div class="col"> |
||||
|
<article> |
||||
|
<div class="mb-4 text-center"> |
||||
|
<h1 class="mb-1" i18n>Hello Ghostfolio 👋</h1> |
||||
|
<div class="text-muted"><small>31.07.2021</small></div> |
||||
|
</div> |
||||
|
<section class="mb-4"> |
||||
|
<p> |
||||
|
In this article I would like to introduce my new open source project |
||||
|
in more detail: <a href="https://ghostfol.io">Ghostfolio</a>, a |
||||
|
web-based personal finance management software. |
||||
|
</p> |
||||
|
</section> |
||||
|
<section class="mb-4"> |
||||
|
<h2 class="h4">What problem does Ghostfolio solve?</h2> |
||||
|
<p> |
||||
|
Due to rising inflation and negative interest rates, I have been |
||||
|
looking for some time at how I can invest my assets in the most |
||||
|
diversified way possible. Specifically, I follow a |
||||
|
<a [routerLink]="['/resources']">buy and hold strategy</a> with |
||||
|
investments in different asset classes spread across different |
||||
|
platforms. Therefore, I was looking for an app that would |
||||
|
holistically aggregate my portfolio. During my research on the |
||||
|
internet and in app stores, I have tried several solutions, but none |
||||
|
of them has convinced me completely: too complicated, too cluttered, |
||||
|
not optimized for smartphones or not comprehensive enough. |
||||
|
</p> |
||||
|
</section> |
||||
|
<section class="mb-4"> |
||||
|
<h2 class="h4">The vision</h2> |
||||
|
<p> |
||||
|
It is particularly important to me that I get an overview of all my |
||||
|
assets in real time. Previously, I only had the prepared figures |
||||
|
available once a year, when I had completed my annual tax |
||||
|
declaration. In addition to the cash balance in the savings account, |
||||
|
the overall picture also includes country-specific traits such as |
||||
|
the voluntary pension plan (pillar 3a) in Switzerland. |
||||
|
</p> |
||||
|
<p> |
||||
|
In the meantime, I have talked to many colleagues who have been |
||||
|
investing for a longer time. Quite a few have created complex |
||||
|
spreadsheets from the same considerations. I think that should be |
||||
|
better in 2021. |
||||
|
</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 presents the big picture of assets to make the |
||||
|
best possible investment decisions. |
||||
|
</p> |
||||
|
</blockquote> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<p> |
||||
|
Ghostfolio is supposed to be a simple wealth management software. It |
||||
|
presents the current assets at any time and supports the decision |
||||
|
making of future investments. Whether rebalancing the portfolio in |
||||
|
asset classes (stocks, cryptocurrencies, ETFs, etc.) or financing an |
||||
|
apartment, Ghostfolio offers solid, data-driven decision support. |
||||
|
</p> |
||||
|
<p> |
||||
|
As I value privacy, data protection is an integral part of |
||||
|
Ghostfolio. As |
||||
|
<a href="https://github.com/ghostfolio/ghostfolio" |
||||
|
>open source software</a |
||||
|
> |
||||
|
(OSS), Ghostfolio can be used completely anonymously, without the |
||||
|
greedy eyes of big banks or big tech. |
||||
|
</p> |
||||
|
</section> |
||||
|
<section class="mb-4"> |
||||
|
<h2 class="h4">From idea to implementation</h2> |
||||
|
<p> |
||||
|
With this background I have started the ambitious project and |
||||
|
programmed with small steps a software that I could quickly use for |
||||
|
myself. As a stack, I chose modern web technologies that are |
||||
|
personally of particular interest or that I would like to learn and |
||||
|
deepen. These include <a href="https://www.docker.com">Docker</a>, |
||||
|
<a href="https://nx.dev">Nx</a> for the management of the monorepo, |
||||
|
<a href="https://nestjs.com">NestJS</a> for the backend and |
||||
|
<a href="https://www.postgresql.org">PostgreSQL</a> as a database. |
||||
|
The code of the frontend and backend is written in |
||||
|
<a href="https://www.typescriptlang.org">TypeScript</a>. |
||||
|
</p> |
||||
|
<p> |
||||
|
Since I have shortly reached my limits with some calculations, I |
||||
|
have looked into different possibilities to get valuable support. |
||||
|
Hoping that other people could also benefit from the solution and |
||||
|
contribute with improvements if interested, I have released the |
||||
|
existing code as open source software. Very soon, other |
||||
|
<a |
||||
|
href="https://github.com/ghostfolio/ghostfolio/graphs/contributors" |
||||
|
>developers</a |
||||
|
> |
||||
|
contributed to Ghostfolio with great enhancements. |
||||
|
</p> |
||||
|
</section> |
||||
|
<section class="mb-4"> |
||||
|
<h2 class="h4">How can I support the project?</h2> |
||||
|
<p> |
||||
|
Are you also obsessed with a maximally diversified investment |
||||
|
strategy? I'm happy for everyone who tries Ghostfolio. Are you |
||||
|
convinced of its potential? Any support for Ghostfolio is welcome. |
||||
|
Be it with a |
||||
|
<a href="https://ghostfol.io/pricing">Ghostfolio Premium</a> |
||||
|
Subscription to finance the hosting, a positive rating in the |
||||
|
<a |
||||
|
href="https://play.google.com/store/apps/details?id=ch.dotsilver.ghostfolio.twa" |
||||
|
>Google Play Store</a |
||||
|
>, a star on |
||||
|
<a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>, |
||||
|
feedback, bug reports, feature requests and of course contributions! |
||||
|
</p> |
||||
|
<p> |
||||
|
You can reach me by email at |
||||
|
<a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter |
||||
|
<a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>. |
||||
|
</p> |
||||
|
<p> |
||||
|
I look forward to hearing from you.<br /> |
||||
|
Thomas from Ghostfolio |
||||
|
</p> |
||||
|
</section> |
||||
|
<section class="my-5"> |
||||
|
<ul class="list-inline"> |
||||
|
<li class="h5"> |
||||
|
<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" |
||||
|
>Fintech</span |
||||
|
> |
||||
|
<span class="badge badge-light font-weight-normal mr-2" |
||||
|
>Ghostfolio</span |
||||
|
> |
||||
|
<span class="badge badge-light font-weight-normal mr-2" |
||||
|
>Investment</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" |
||||
|
>Stock</span |
||||
|
> |
||||
|
<span class="badge badge-light font-weight-normal mr-2" |
||||
|
>Strategy</span |
||||
|
> |
||||
|
<span class="badge badge-light font-weight-normal mr-2" |
||||
|
>Wealth</span |
||||
|
> |
||||
|
<span class="badge badge-light font-weight-normal mr-2" |
||||
|
>Wealth Management</span |
||||
|
> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</section> |
||||
|
</article> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,15 @@ |
|||||
|
import { CommonModule } from '@angular/common'; |
||||
|
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
||||
|
import { RouterModule } from '@angular/router'; |
||||
|
|
||||
|
import { HelloGhostfolioPageRoutingModule } from './hello-ghostfolio-page-routing.module'; |
||||
|
import { HelloGhostfolioPageComponent } from './hello-ghostfolio-page.component'; |
||||
|
|
||||
|
@NgModule({ |
||||
|
declarations: [HelloGhostfolioPageComponent], |
||||
|
exports: [], |
||||
|
imports: [CommonModule, HelloGhostfolioPageRoutingModule, RouterModule], |
||||
|
providers: [], |
||||
|
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
||||
|
}) |
||||
|
export class HelloGhostfolioPageModule {} |
||||
Loading…
Reference in new issue