Finapp helps you to control personal finances easily and efficiently.

This is Finapp 3. For the 2.x see the 2 branch.

finapp.ilko.me

• Works offline on all devices (Service Worker): you can see all your data. Create, edit and delete transactions.
• Instant synchronisation between all device (Firebase).
• Optimised for mobile and PC.
• Themes: dark and white.
• Support multiple currencies with auto conversion.

• Vue
• Nuxt
• Stylus
• Pug
• Firebase

# clone the repo
$ git clone https://github.com/ilkome/finapp.git finapp

# go into app's directory
$ cd finapp

# install app's dependencies
$ npm install

• Create a Firebase project in the Firebase console
• Go to the Authentication tab and enable Google authentication.
• Go to the Database tab and enable Firestore.
• Select Realtime Database and go to Rules tab.
• Change rules to:

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "auth != null && auth.uid == $uid",
        ".write": "auth != null && auth.uid == $uid"
      }
    },
    "currencies": {
      ".read": "auth != null",
      ".write": "auth != null"
    },
    "users-info": {
      "$uid": {
        ".read": "auth != null && auth.uid == $uid",
        ".write": "auth != null && auth.uid == $uid"
      }
    }
  }
}

• Go to the Project Overview and click Add Firebase to your web app.
• You need to replace config in app's directory /src/firebase.js with your config.

apiKey: 'YOUR_CONFIG',
authDomain: 'YOUR_CONFIG',
databaseURL: 'YOUR_CONFIG',
projectId: 'YOUR_CONFIG',
storageBucket: 'YOUR_CONFIG',
messagingSenderId: 'YOUR_CONFIG'

$ npm run dev

$ npm run build

You can add your FTP config in app's directory /src/ftp.config.js

# upload all files from dist folder
$ npm run upload

# upload only css, js, html files from dist folder
$ npm run upload-min

I would like to speak with you about Finapp. I'm looking for awesome projects.

• My Telegram

MIT License