Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/matijaoe/fare

🫰🏻 Application for tracking personal finances and attaining financial independence
https://github.com/matijaoe/fare

chartjs headlessui nextauth nuxt nuxt3 pinia prisma tanstack-query typescript unocss vue

Last synced: about 2 months ago
JSON representation

🫰🏻 Application for tracking personal finances and attaining financial independence

Awesome Lists containing this project

README

        

# 🫰🏻 FARE

> Application for tracking personal finances and attaining financial independence

## ✨ Features
- detailed personal finance tracking
- balance and cashflow records for any time in the past
- calculate your financial independence (early retirement) date
- first class data synchronization all throughout
- dark mode

 

## [📽️ Video demo](https://drive.google.com/file/d/15wkuFIvCjfg-rfZm0Jxr3bnCPU8-GzcQ/view?usp=sharing)

![image](https://user-images.githubusercontent.com/46557266/209006464-3c145f1f-9c7e-4636-bbde-05b4c1eb0969.png)
![image](https://user-images.githubusercontent.com/46557266/209006448-15a74861-0de2-46b2-8e82-a90c70425c3d.png)
![image](https://user-images.githubusercontent.com/46557266/209006391-62e3d8b6-9464-49b1-be68-ce2ba7771285.png)
![image](https://user-images.githubusercontent.com/46557266/209007578-23474e1a-b669-499a-839a-ce3b4102a605.png)
![image](https://user-images.githubusercontent.com/46557266/209006616-ba511829-3315-4590-85c5-18e2c524368e.png)
![image](https://user-images.githubusercontent.com/46557266/209006653-a83424cf-e6c6-44f4-b53e-56951a8233d9.png)
![image](https://user-images.githubusercontent.com/46557266/209006547-87872059-9826-412d-a2a8-6304e1351863.png)
![image](https://user-images.githubusercontent.com/46557266/209006574-d9702a91-c9b1-42d7-99f3-34111b84e0ff.png)
![image](https://user-images.githubusercontent.com/46557266/209008598-9e877154-1e59-4ee9-b8b3-8c07ca6d7172.png)
![image](https://user-images.githubusercontent.com/46557266/209007812-ba12ada9-769f-4dcd-a6a3-cf81fc905c30.png)
![image](https://user-images.githubusercontent.com/46557266/209007841-4a4731c9-59b9-4ebb-9be0-49decb8c16cf.png)
![image](https://user-images.githubusercontent.com/46557266/209007885-4cc2b6a0-586f-407f-a444-e372de89f86c.png)

#### Entity Relationship Diagram
![image](https://user-images.githubusercontent.com/46557266/209007745-9637b23e-1676-4e71-b7be-db6ecdae6b7f.png)

## 🛠️ Stack

- [Nuxt 3](https://nuxt.com/)
- [Vue](https://vuejs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [TanStack Query](https://tanstack.com/query/v4)
- [VueUse](https://vueuse.org/)
- [UnoCSS](https://github.com/unocss/unocss)
- [Headless UI](https://headlessui.com/)
- [Pinia](https://pinia.vuejs.org/)
- [Chart.js](https://www.chartjs.org/)
- [Prisma](https://www.prisma.io/)
- [PlanetScale](https://planetscale.com/)

## Setup

Make sure to install the dependencies:

```bash
# pnpm (recommended)
pnpm install

# yarn
yarn install

# npm
npm install
```

## Development Server

Start the development server on [localhost:3000](http://localhost:3000)

```zsh
pnpm dev
```

## Production

Build the application for production:

```zsh
pnpm build
```

Locally preview production build:

```zsh
pnpm preview
```