Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/grzegorzpokorski/budget-plan
App to manage your budget 💰 (Next.js, Prisma, next-auth, API routes, tailwindCSS)
https://github.com/grzegorzpokorski/budget-plan
csv next-auth nextjs prisma react react-hook-form tailwindcss typescript zod
Last synced: about 1 month ago
JSON representation
App to manage your budget 💰 (Next.js, Prisma, next-auth, API routes, tailwindCSS)
- Host: GitHub
- URL: https://github.com/grzegorzpokorski/budget-plan
- Owner: grzegorzpokorski
- Created: 2023-03-14T20:03:37.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-05T11:56:45.000Z (about 1 year ago)
- Last Synced: 2024-11-02T04:42:27.268Z (3 months ago)
- Topics: csv, next-auth, nextjs, prisma, react, react-hook-form, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage: https://budget-plan-ashy.vercel.app
- Size: 730 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Budget Plan
An application that will help you plan your budget. With this app, you can:
- create budgets with an estimated maximum value for both categories of finances - expenses and profits; you can also edit them after creating them,
- note expenses and incomes with an assigned budget and optional description, with the ability to edit all data in the future,
- monitor the realization of all your budgets in a simple summary,
- download a CSV file with all your information about added expenses and incomes using the app.## Used technologies 🛠️:
1. React.js
2. Next.js (v13 with appDir)
3. Typescript
4. Tailwind CSS
5. Prisma
6. Postgresql (Supabase)
7. next-auth
8. TanStack Query
9. mailjet as a SMTP provider
10. react-hook-form for handling forms
11. zod for data validation## Installation 👷
Required: node.js v18 and docker with `docker compose` command.
1. Clone this repository:
```
git clone https://github.com/grzegorzpokorski/budget-plan.git
```2. Install dependencies:
```
pnpm install
```3. Setup environment variables:
To run it in local environment firstly you should prepare `.env` file with required enviroment variables - example file is in the project (`.env-example`).
4. Run project:
```
docker compose up
pnpm dlx prisma migrate dev
pnpm dlx prisma generate
pnpm dev
```## Live 🌐
[https://budget-plan-ashy.vercel.app/](https://budget-plan-ashy.vercel.app/)
## Some screenshots:
![](/screenshots/login.png?raw=true)
![](/screenshots/home.png?raw=true)
![](/screenshots/loading.png?raw=true)
![](/screenshots/add-budget.png?raw=true)
![](/screenshots/add-expense.png?raw=true)
## Contributing
If you find any bug, have suggestion how to improve this project feel free to tell about it in [issues](https://github.com/grzegorzpokorski/budget-plan/issues) tab. Pull requests also are welcoming.