Overview:
Finapp is an open source finance application that helps users easily and efficiently manage their personal finances. With its latest version, Finapp 3, users can control their finances offline on any device and benefit from instant synchronization across all devices. The application supports multiple currencies with auto conversion and offers two themes: dark and white. Finapp is built using Vue, Nuxt, Stylus, Tailwind, and Pug, and uses Firebase for real-time database and Google authentication.
Features:
- Works offline on all devices, allowing users to view and manage their financial data even without an internet connection
- Instant synchronization between all devices, ensuring that any changes made on one device are automatically reflected on others
- Optimized for both mobile and PC, providing a seamless user experience across different devices
- Offers two themes (dark and white) for customization according to user preferences
- Supports multiple currencies with auto conversion, making it easy for users to manage finances across different currencies
Installation:
To set up Finapp, follow these steps:
- Project setup:
- Create a Firebase project in the Firebase console.
- Open Realtime Database and go to the Rules tab. Change the rules as specified.
- Go to the Project Overview and click on “Get started by adding Firebase to your app” to register your app and obtain the config.
- Replace the config in the app’s directory
services/firebase/config.js with your obtained config.
- Enable Google Auth:
- Go to the Authentication page in the Firebase console.
- Click on the Sign-in method tab and add Google as a provider.
- Add your domain to Firebase Authorized domains.
- Open exchange rates setup:
- Obtain your App ID from openexchangerates.org.
- Rename
.env.example to .env and set your App ID in the .env file. - If you are using a service like netlify, add
OPEN_EXCHANGE_RATES to your environment variables.
- Development:
- Compiles and hot-reloads the application.
- Production:
- Compiles and minifies the application for production, generating the build folder.
- Upload the static files from the build folder to your desired hosting server.
- FTP configuration:
- Add your FTP configuration in the app’s directory
ftp.config.js.
Summary:
Finapp is an open source finance application that offers a range of useful features for managing personal finances. With offline functionality, instant synchronization, multiple currency support, and a customizable theme, Finapp provides a user-friendly solution for effective financial management. Its integration with Firebase and Google authentication ensures a secure and seamless experience for users. The installation process is well-documented, allowing users to easily set up and deploy the application.
