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

https://github.com/alien-droid/expense-tracker-next

A Basic Next.js Based Expense Tracker (Budget) for overlooking where your money is coming/going 😈
https://github.com/alien-droid/expense-tracker-next

clerk-auth javascript nextjs postgresql react

Last synced: 2 months ago
JSON representation

A Basic Next.js Based Expense Tracker (Budget) for overlooking where your money is coming/going 😈

Awesome Lists containing this project

README

          

# 💰 tracker

A dynamic Next.js Expense Tracker for managing your expenses

![image](https://github.com/user-attachments/assets/17c87e00-c04c-4f93-8777-11af3ba867ab)

# Technologies Used
1. NextJS for the UI Design/Backend framework.
2. Neon/PostgreSQL for the Database Storage.
3. Clerk for authentication.

## Libraries Used:
- NextJS [Ref](https://nextjs.org/docs)
- Clerk for authentication [Ref](https://dashboard.clerk.com/)
- Prisma for ORM mapping [Ref](https://www.prisma.io/)
- Toastify (the obvious!) [Ref](https://www.npmjs.com/package/react-toastify)

### Instructions (for execution):
- We must install the necessary dependencies for running the client, so run `npm install` on respective folders.
- After the dependencies are installed, we can individually run both ends.
2. For running the app, execute `npm run dev` (running on port 3000).

- The server folder contains a '.env' which has (to be created) with the following environment variables:
1. **DATABASE_URL** - Your Neon/PostgreSQL DB URI (for storage purposes).
2. **CLERK_KEYS** - The Clerk Authentication Keys referred from (https://dashboard.clerk.com/apps/).