Monthly Expenses

Simple web app to track and visualize monthly expenses

All data except for the username and dates will be encrypted with your encryption key in your browser before being sent to the server and stored in the database.

Demo: https://monthly-expenses.vercel.app/

Technologies

The project was set up with the so called T3 stack

• Next.js
• TypeScript
• tRPC
• Tailwind CSS
• Prisma
• PlanetScale
• Vercel
• NextAuth.js
• React Table
• react-hot-toast
• React Icons
• Apache ECharts

Usage

Requirements

• nvm
• PlanetScale CLI

Setup

1. Install required Node.js version: nvm install
2. Install npm packages: cd app & npm ci
3. Create database on PlanetScale: pscale database create monthly-expenses
4. Duplicate .env.example to .env and adjust it to your needs

Running the app on you machine

1. pscale connect monthly-expenses main
2. npx prisma db push
3. npm run dev
4. Access app at http://localhost:3000

License

See LICENSE