Feature/add blog post about personal finances (#1073)

* Add blog post

* Update changelog
pull/1075/head^2
Thomas Kaul 2 years ago committed by GitHub
parent 34e33a2400
commit 49e2862e03
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## Unreleased
### Added
- Added a blog post
### Changed
- Upgraded `date-fns` from version `2.22.1` to `2.28.0`

@ -78,6 +78,13 @@ const routes: Routes = [
'./pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.module'
).then((m) => m.FirstMonthsInOpenSourcePageModule)
},
{
path: 'en/blog/2022/07/how-do-i-get-my-finances-in-order',
loadChildren: () =>
import(
'./pages/blog/2022/07/how-do-i-get-my-finances-in-order/how-do-i-get-my-finances-in-order-page.module'
).then((m) => m.HowDoIGetMyFinancesInOrderPageModule)
},
{
path: 'features',
loadChildren: () =>

@ -3,7 +3,7 @@
<div class="col-md-8 offset-md-2">
<article>
<div class="mb-4 text-center">
<h1 class="mb-1" i18n>Hallo Ghostfolio 👋</h1>
<h1 class="mb-1">Hallo Ghostfolio 👋</h1>
<div class="text-muted"><small>31.07.2021</small></div>
</div>
<section class="mb-4">

@ -3,7 +3,7 @@
<div class="col-md-8 offset-md-2">
<article>
<div class="mb-4 text-center">
<h1 class="mb-1" i18n>Hello Ghostfolio 👋</h1>
<h1 class="mb-1">Hello Ghostfolio 👋</h1>
<div class="text-muted"><small>31.07.2021</small></div>
</div>
<section class="mb-4">

@ -3,7 +3,7 @@
<div class="col-md-8 offset-md-2">
<article>
<div class="mb-4 text-center">
<h1 class="mb-1" i18n>
<h1 class="mb-1">
👻 Ghostfolio
<span class="text-nowrap">First months in Open Source</span>
</h1>

@ -0,0 +1,19 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
import { HowDoIGetMyFinancesInOrderPageComponent } from './how-do-i-get-my-finances-in-order-page.component';
const routes: Routes = [
{
path: '',
component: HowDoIGetMyFinancesInOrderPageComponent,
canActivate: [AuthGuard]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class HowDoIGetMyFinancesInOrderRoutingModule {}

@ -0,0 +1,9 @@
import { Component } from '@angular/core';
@Component({
host: { class: 'page' },
selector: 'gf-how-do-i-get-my-finances-in-order-page',
styleUrls: ['./how-do-i-get-my-finances-in-order-page.scss'],
templateUrl: './how-do-i-get-my-finances-in-order-page.html'
})
export class HowDoIGetMyFinancesInOrderPageComponent {}

@ -0,0 +1,206 @@
<div class="blog container">
<div class="row">
<div class="col-md-8 offset-md-2">
<article>
<div class="mb-4 text-center">
<h1 class="mb-1">How do I get my finances in order?</h1>
<div class="text-muted"><small>14.07.2022</small></div>
</div>
<section class="mb-4">
<p>
Before you can think of
<a [routerLink]="['/resources']">long-term investing</a>, you need
to have your finances in order. Take a look at Peter's journey to
see how you can achieve it, too.
</p>
<p>
Peter enjoys life, but sometimes he overspends a bit. He realizes it
when money runs out already in the middle of the month. Then the
next few days become difficult and saving money is out of the
question. That is why he wants to plan his monthly budget in the
future.
</p>
<p>
Peter has a decent salary in his job. But as soon as the salary
arrives in his account, it melts away. In order to find out where
his money is disappearing, he has decided to plan his monthly
budget. He wants to be able to put money aside for major expenses
and set financial goals.
</p>
</section>
<section class="mb-4">
<h2 class="h4">Keeping a traditional or digital budget book</h2>
<p>
First, Peter obtains an overview of his personal finances. To do so,
he starts keeping a budget book. This can be done on paper by
listing his income and expenses for a few months, or he can create a
simple spreadsheet in Excel. In addition, many credit card providers
offer the feature within their apps of having expenses automatically
analyzed according to different categories. According to the
<a href="https://www.bfs.admin.ch/bfs/en/home.html"
>Swiss Federal Statistical Office</a
>, households in Switzerland spend around 20 percent of their
disposable income on housing and around 10 percent on groceries.
</p>
<p>
With the smartphone app, Peter has a better overview of his
financial affairs. The application assigns the bookings to
individual categories. Peter can assign specific budgets to each of
them. This way, he is always informed about how much money he can
still spend on restaurant visits in the current month, for example.
A traditional method is the so-called
<a
href="https://www.investopedia.com/envelope-budgeting-system-5208026"
>envelope method</a
>. One envelope is labeled for each category like groceries, rent or
student loans. The monthly budget is put into the envelopes in cash.
Many apps offer the same budgeting system in a more convenient,
virtual way.
</p>
</section>
<section class="mb-4">
<h2 class="h4">Planning and investing</h2>
<p>
If Peter has spent less money than planned on eating out at
restaurants, he can set aside the remaining amount. This way, he can
treat himself to something special every now and then. From now on,
he saves a fixed amount of money in a separate account ("pay
yourself first") by standing order at the beginning of the month. As
soon as there are three net monthly salaries in the account, he
invests the monthly savings amount in a passively managed global
equity fund. This grows his assets over the years and allows him to
supplement his pension later.
</p>
</section>
<section class="mb-4">
<h2 class="h4">How to achieve your financial goals?</h2>
<p>
If you follow these five actionable tips, you can reach your
financial goals easier and faster. Start with one tip and when you
implement it well, you can try the next one to ultimately have more
money at the end of the month.
</p>
<h3 class="h5">1. Visualize your goals</h3>
<p>
Start visualizing your goals. For example, hang up pictures of the
travel destination you are saving for. Imagine that you have already
achieved the goal to slowly adapt your mindset.
</p>
<h3 class="h5">2. Write off personal items</h3>
<p>
Do as a business does and write off purchases annually. For a new
car, you could set aside one-sixth of the purchase price each year.
</p>
<h3 class="h5">3. Save at the beginning of the month</h3>
<p>
Have a savings amount deducted from your account at the beginning of
the month. Then you will pay yourself first and spend less money.
</p>
<h3 class="h5">4. Follow the 50-30-20 rule</h3>
<p>
You need 50 percent of your disposable income for fixed costs. 30
percent can be spent on personal needs such as hobbies, travel or
consumer electronics. 20 percent is left for savings or to pay off
potential debts.
</p>
<h3 class="h5">5. Track your progress</h3>
<p>
If you have any money to spare, invest it in a broadly diversified,
low-cost portfolio excluding the risks of individual stocks. Track
the progress of your portfolio and net worth with
<a href="https://ghostfol.io">Ghostfolio</a>, a web-based personal
finance management software.
</p>
</section>
<section class="mb-4">
<ul class="list-inline">
<li class="list-inline-item">
<span class="badge badge-light">App</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Assets</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Budget</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Cash</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Debt</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Equity</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">ETF</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Expense</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Finance</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Fintech</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Fund</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Ghostfolio</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Goal</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Income</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Investment</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Money</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Net Worth</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Pension</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Personal Finance</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Planning</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Portfolio</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Salary</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Saving</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Software</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Spreadsheet</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Stock</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Strategy</span>
</li>
<li class="list-inline-item">
<span class="badge badge-light">Wealth Management</span>
</li>
</ul>
</section>
</article>
</div>
</div>
</div>

@ -0,0 +1,17 @@
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { HowDoIGetMyFinancesInOrderRoutingModule } from './how-do-i-get-my-finances-in-order-page-routing.module';
import { HowDoIGetMyFinancesInOrderPageComponent } from './how-do-i-get-my-finances-in-order-page.component';
@NgModule({
declarations: [HowDoIGetMyFinancesInOrderPageComponent],
imports: [
CommonModule,
HowDoIGetMyFinancesInOrderRoutingModule,
RouterModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class HowDoIGetMyFinancesInOrderPageModule {}

@ -2,10 +2,36 @@
<div class="mb-5 row">
<div class="col">
<h3 class="mb-3 text-center" i18n>Blog</h3>
<mat-card class="blog-container">
<mat-card class="mb-3">
<mat-card-content>
<div class="container p-0">
<div class="flex-nowrap mb-3 no-gutters row">
<div class="flex-nowrap no-gutters row">
<a
class="d-flex w-100"
[routerLink]="['/en', 'blog', '2022', '07', 'how-do-i-get-my-finances-in-order']"
>
<div class="flex-grow-1">
<div class="h6 m-0 text-truncate">
How do I get my finances in order?
</div>
<div class="d-flex text-muted">14.07.2022</div>
</div>
<div class="align-items-center d-flex">
<ion-icon
class="chevron text-muted"
name="chevron-forward-outline"
size="small"
></ion-icon>
</div>
</a>
</div>
</div>
</mat-card-content>
</mat-card>
<mat-card class="mb-3">
<mat-card-content>
<div class="container p-0">
<div class="flex-nowrap no-gutters row">
<a
class="d-flex w-100"
[routerLink]="['/en', 'blog', '2022', '01', 'ghostfolio-first-months-in-open-source']"
@ -25,7 +51,13 @@
</div>
</a>
</div>
<div class="flex-nowrap mb-3 no-gutters row">
</div>
</mat-card-content>
</mat-card>
<mat-card class="mb-3">
<mat-card-content>
<div class="container p-0">
<div class="flex-nowrap no-gutters row">
<a
class="d-flex w-100"
[routerLink]="['/en', 'blog', '2021', '07', 'hello-ghostfolio']"
@ -43,6 +75,12 @@
</div>
</a>
</div>
</div>
</mat-card-content>
</mat-card>
<mat-card class="mb-3">
<mat-card-content>
<div class="container p-0">
<div class="flex-nowrap no-gutters row">
<a
class="d-flex w-100"

@ -6,54 +6,58 @@
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<url>
<loc>https://ghostfol.io</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/about</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/about/changelog</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/blog</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/demo</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/en/blog/2021/07/hello-ghostfolio</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/en/blog/2022/07/how-do-i-get-my-finances-in-order</loc>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/features</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/markets</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/pricing</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/register</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://ghostfol.io/resources</loc>
<lastmod>2022-07-01T00:00:00+00:00</lastmod>
<lastmod>2022-07-14T00:00:00+00:00</lastmod>
</url>
</urlset>

Loading…
Cancel
Save