Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/codehagen/badget

Badget aims to simplify financial management with a user-friendly interface and robust backend
https://github.com/codehagen/badget

clerkauth open-source prisma resend-email shadcn-ui tailwind tailwindcss typescript

Last synced: 5 days ago
JSON representation

Badget aims to simplify financial management with a user-friendly interface and robust backend

Awesome Lists containing this project

README

        


Badget: Revolutionizing Financial Management


dashboard_mockup


Empower your financial management with Badget - AI-driven insights at your fingertips. Optimize your finances effortlessly.




License


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, Clerk, Resend, React Email and Shadcn/ui,


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.

.
├── src # Main project lives here
│ ├── actions # All server actions
│ ├── app # Main application
│ ├── components # Components for the application
│ └── ...
├── 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 [Clerk](https://clerk.dev) Account

5. We now need to push the schema to the database
```bash
#To push Prisma to Neon DB
pnpm db:deploy
```

6. Start the development server from either yarn or turbo:
```bash
# To start the server
pnpm dev
```

## Tech Stack + Features

### Frameworks

- [Next.js](https://nextjs.org/) – React framework for building performant apps with the best developer experience
- [Clerk](https://clerk.com/) – 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

### UI

- [Shadcn/ui](https://ui.shadcn.com/) – Re-usable components built using Radix UI and Tailwind CSS
- [MagicUI](https://magicui.design/) – Perfect to start any project with this template.
- [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework for rapid UI development
- [Framer Motion](https://framer.com/motion) – Motion library for React to animate components with ease
- [Lucide](https://lucide.dev/) – Beautifully simple, pixel-perfect icons

## Contributing

We love our contributors! Here's how you can contribute:

- [Open an issue](https://github.com/codehagen/badget/issues) if you believe you've encountered a bug.
- Make a [pull request](https://github.com/codehagen/badget/pull) to add new features/make quality-of-life improvements/fix bugs.



## Repo Activity

![Nextify repo activity – generated by Axiom](https://repobeats.axiom.co/api/embed/c03baff974deeb73d0da7788b8455d04f8e17fc8.svg "Repobeats analytics image")