budget-calculator Svelte Themes

Budget Calculator

Budget calculator app made in Svelte Tutorial. No it's not pretty (not by my standards at least, but it works perfectly).

Budget Calculator

This is an app made with Svelte Tutorial and Projects Course by John Smilga.

Why am I doing another Svelte Course? To get the itty details about the framework I seem to have missed in the first course without having too much trouble.

Ps:. I didn't make the design, so it's not pretty (not by my standards at least), but it works quite nicely.

What I learned with this project:

  • How to use local storage
  • When not to use local storage, from this link
  • How properly use Svelte's lifecycle methods
  • How to use ES6 patterns such as spread operators
  • The true difference between map, filter and reduce
  • How to properly use Svelte's {#await}

How to run

  1. Clone repo
git clone [email protected]:analubarreto/budget-calculator.git

or, without an ssh-key

git clone https://github.com/analubarreto/budget-calculator.git
  1. Cd into folder
  2. Install dependencies
npm i
  1. Run project
npm run dev
  1. Open browser in locahost:5000/

Top categories

Loading Svelte Themes