Svelte.js - Expense calculation application

December 2020

🔨 Expenses calculation application made with Svelte.

From Udemy: Svelte de A à Z

Demo on Heroku

About

Simple application to calculate expenses. Expenses are displayed in cards and you can add or delete them.

How to test

• Clone
• npm install
• npm run dev

How to make a Github page

• Pages must be served with Sapper
• Link the app to a Github repository
• npm install -D gh-pages
• Modify package.json

"scripts": {
    "dev": "sapper dev",
    "build": "sapper build --legacy",
    "export": "sapper export --legacy",
    "start": "node __sapper__/build",
    "deploy": "sapper export --legacy &&  gh-pages -d __sapper__/export"
},

• npm run deploy
• set the gh-pages branch that was just deployed as the main branch for GitHub Pages to read from.

How to deploy on Heroku

• heroku login
• heroku create my-app
• git push heroku HEAD:master

Useful links

• Svelte.js
• Sapper
• Getting started with Svelte
• Svelte training sources
• Page npm UUID
• Creating a blog with Svelte, Sapper and GitHub Pages
• Sapper - Deploy with Heroku