Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/projectx-codehagen/Badget
Badget aims to simplify financial management with a user-friendly interface and robust backend
https://github.com/projectx-codehagen/Badget
next-auth nextjs open-source prisma resend-email tailwind tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Badget aims to simplify financial management with a user-friendly interface and robust backend
- Host: GitHub
- URL: https://github.com/projectx-codehagen/Badget
- Owner: projectx-codehagen
- License: agpl-3.0
- Created: 2023-12-31T13:38:51.000Z (about 1 year ago)
- Default Branch: rework-badget
- Last Pushed: 2024-08-17T00:50:01.000Z (5 months ago)
- Last Synced: 2024-10-29T15:17:37.370Z (2 months ago)
- Topics: next-auth, nextjs, open-source, prisma, resend-email, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://projectx-eight-gilt.vercel.app/
- Size: 5.68 MB
- Stars: 2,381
- Watchers: 20
- Forks: 262
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Badget: Revolutionizing Financial Management
Empower your financial management with Badget - AI-driven insights at your fingertips. Optimize your finances effortlessly.
Introduction ·
Installation ·
Tech Stack + Features ·
Credits
## Introduction
Welcome to Badget, where we're ushering in a new era of financial management. Leveraging cutting-edge AI, Badget redefines how you track, analyze, and optimize your finances, ensuring smarter, more secure financial decisions.
With Badget, gain unparalleled insights into your spending habits and financial patterns, empowering you to budget better and experience more. Trusted by the world's most innovative companies, Badget is here to revolutionize your financial management experience.
## What we are using
Lets goooo - Next.js 14, Turborepo, Prisma, Neon, Next.auth, Resend, React Email, Shadcn/ui, and Stripe.
All seamlessly integrated with the Badget to accelerate the development.
## Directory Structure
Badget is a monorepo managed by [Turborepo](https://turbo.build/repo). The monorepo is split between `apps` and `packages` directories.
.
├── apps # Its app workspace which contains
│ ├── www # Nextjs app which is deployed in Vercel
│ ├── api # Hono app that is our REST-api for our SDK
│ └── ...
├── packages # are the shared packages that are used by the apps
│ ├── db # Prisma DB connector
│ └── ui # Shared UI components (Shadcn)
├── tooling # are the shared configuration that are used by the apps and packages
│ ├── eslint # Shared eslint presets
│ ├── prettier # Shared prettier configuration
│ ├── tailwind # Shared tailwind configuration
│ └── typescript # Shared tsconfig you can extend from
├── LICENSE
└── README.md
## Installation
Clone & create this repo locally with the following command:
```bash
git clone https://github.com/projectx-codehagen/Badget
```
1. Install dependencies using pnpm:
```bash
pnpm install
```
2. Copy `.env.example` to `.env.local` and update the variables.
```bash
cp .env.example .env.local
```
4. Input everything you need for the env.
1. Create [Neon Database](https://neon.tech/) Account
2. Create [Stripe](https://stripe.com) Account
3. Create [Google Console](https://console.cloud.google.com/) Account
4. Create [Resend](https://resend.com/) Account
5. Start the development server from either yarn or turbo:
```bash
# To start the server
pnpm dev
# To push the DB schema
pnpm --filter=db db:push
```
## REST-API Installation (optional)
If you want to use the REST-api you need to update the hono under `apps/api`
```bash
[vars]
#MY_VAR = "my-variable"
#DATABASE_URL = "Use same link as your db URL"
```
If you want to deploy it on Cloudflare you need to go run
```bash
pnpm run deploy
```
## Roadmap
- [x] ~Initial setup~
- [x] Start removing template
- [x] Update UI to match the product
- [ ] Start stichting frontend with backend
## Tech Stack + Features
### Frameworks
- [Next.js](https://nextjs.org/) – React framework for building performant apps with the best developer experience
- [Auth.js](https://authjs.dev/) – Handle user authentication with ease with providers like Google, Twitter, GitHub
- [Prisma](https://www.prisma.io/) – Typescript-first ORM for Node.js
- [React Email](https://react.email/) – Versatile email framework for efficient and flexible email development
### Platforms
- [Vercel](https://vercel.com/) – Easily preview & deploy changes with git
- [Neon](https://neon.tech/) – A cutting-edge database platform for seamless, scalable data management
- [Resend](https://resend.com/) – A powerful email framework for streamlined email development
- [Stripe](https://stripe.com) - Payments
### UI
- [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework for rapid UI development
- [Shadcn/ui](https://ui.shadcn.com/) – Re-usable components built using Radix UI and Tailwind CSS
- [Framer Motion](https://framer.com/motion) – Motion library for React to animate components with ease
- [Lucide](https://lucide.dev/) – Beautifully simple, pixel-perfect icons
- [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) – Optimize custom fonts and remove external network requests for improved performance
- [`ImageResponse`](https://nextjs.org/docs/app/api-reference/functions/image-response) – Generate dynamic Open Graph images at the edge
## Contributing
We love our contributors! Here's how you can contribute:
- [Open an issue](https://github.com/projectx-codehagen/badget/issues) if you believe you've encountered a bug.
- Make a [pull request](https://github.com/projectx-codehagen/badget/pull) to add new features/make quality-of-life improvements/fix bugs.
## Repo Activity
