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

https://github.com/soumojit622/cointracker

Cointracker is a modern, full-stack personal finance tracker that helps users create budgets, track expenses, and visualize spendingβ€”built with Next.js 14, Tailwind CSS, Clerk Auth, and Drizzle ORM.
https://github.com/soumojit622/cointracker

clerk-authentication drizzle-orm expense-tracker javascript lucide-icons neondb nextjs15 postgresql shadcn-ui sonner tailwindcss vercel-deployment

Last synced: 3 months ago
JSON representation

Cointracker is a modern, full-stack personal finance tracker that helps users create budgets, track expenses, and visualize spendingβ€”built with Next.js 14, Tailwind CSS, Clerk Auth, and Drizzle ORM.

Awesome Lists containing this project

README

          

# πŸ’Έ Cointracker – Track Your Budget Like a Pro!

**Cointracker** is a modern, full-stack personal finance tracker built for individuals who want a clear, visual, and structured way to manage their finances. Whether you're saving for a vacation ✈️, tracking semester fees πŸŽ“, or managing monthly bills πŸ β€”Cointracker makes it intuitive and fast.

![Cointracker Banner](https://github.com/soumojit622/Cointracker/blob/master/public/banner.png)

---

## πŸš€ Features

- βœ… **Secure User Authentication** with Clerk
- πŸ“ **Create, Edit & Delete Budgets**
- πŸ’Έ **Track Expenses by Category & Budget**
- πŸ“Š **Smart Progress Indicators**
- 🧾 **Detailed Transaction Logs**
- πŸ“± **Responsive Design for All Devices**
- 🌐 **Client + Server Component Architecture (App Router)**
- 🧠 **Type-Safe Backend Using Drizzle ORM**
- πŸͺ„ **Beautiful UI with TailwindCSS + Lucide Icons**
- ☁️ **Hosted & Database Ready for Production**

---

## πŸ› οΈ Tech Stack

| Technology | Description |
|------------|-------------|
| ![Next.js](https://img.shields.io/badge/-Next.js%2015-000000?logo=next.js&logoColor=white&style=flat) | React framework for server-side rendering and fullstack development |
| ![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-38B2AC?logo=tailwind-css&logoColor=white&style=flat) | Utility-first CSS framework for rapid UI development |
| ![shadcn/ui](https://img.shields.io/badge/-shadcn%2Fui-000000?logo=radix-ui&logoColor=white&style=flat) | Beautifully designed UI components built with Radix and Tailwind |
| ![Clerk](https://img.shields.io/badge/-Clerk%20Auth-F44A3F?logo=clerk&logoColor=white&style=flat) | Authentication and user management for modern apps |
| ![Drizzle ORM](https://img.shields.io/badge/-Drizzle%20ORM-FFD700?logo=postgresql&logoColor=black&style=flat) | Type-safe SQL ORM for TypeScript |
| ![Neon](https://img.shields.io/badge/-Neon%20(PostgreSQL)-008BB9?logo=postgresql&logoColor=white&style=flat) | Serverless PostgreSQL with branching and autoscaling |
| ![Lucide Icons](https://img.shields.io/badge/-Lucide%20Icons-333333?logo=lucide&logoColor=white&style=flat) | Beautiful, open-source icons for React |
| ![Sonner](https://img.shields.io/badge/-Sonner%20Toasts-8B5CF6?style=flat&logo=react) | Elegant toast notifications for React apps |
| ![Vercel](https://img.shields.io/badge/-Vercel-000000?logo=vercel&logoColor=white&style=flat) | Deployment and hosting platform for frontend frameworks |

---

## πŸ’‘ Use Case Examples

Cointracker can be used for:

- πŸŽ“ Students tracking semester or tuition expenses
- 🏠 Roommates managing shared monthly utilities
- πŸ’Ό Freelancers separating budgets by clients/projects
- πŸ“… Daily spending logs for budgeting goals
- 🎁 Planning events, weddings, or parties

---

## πŸ“Œ How It Works

1. **Sign Up / Sign In** with your email using Clerk Auth πŸ”
2. **Create a Budget** – Add an emoji, title, and total amount
3. **Add Transactions** – Expense entries are saved with date and amount
4. **Track Progress** – View spending breakdown and remaining balance
5. **Edit or Delete** your budgets and transactions anytime!

---

## 🌟 Related Projects & Ideas

Want to expand or contribute? Here are some future scope ideas:

- πŸ“ˆ Add charts and graphs using [Chart.js](https://www.chartjs.org/)
- πŸ“† Monthly view of transactions with filters
- πŸ“€ Export reports to PDF/CSV
- πŸ“± Build a React Native version
- πŸ”” Notification for budget limit exceeded

---

## πŸ’¬ **Contribute to Aspire**

We welcome contributions from developers and enthusiasts! To contribute:

1. 🍴 Fork the repository.
2. 🌿 Create a new branch:
```bash
git checkout -b feature-branch
```
3. πŸ–ŠοΈ Commit your changes:
```bash
git commit -m "Add your feature"
```
4. πŸš€ Push the branch:
```bash
git push origin feature-branch
```
5. πŸ”€ Open a pull request to merge your changes.

---

## πŸ“¬ **Contact & Support**

πŸ’¬ **Have any questions or suggestions? Feel free to reach out!**

πŸ“§ **Email**: [soumojitbanerjee22@gmail.com](mailto:soumojitbanerjee22@gmail.com)
πŸ”— **LinkedIn**: [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)

---

## πŸ‘¨β€πŸ’» **Developed by [Soumojit Banerjee](https://www.linkedin.com/in/soumojit-banerjee-4914b3228/)**

If you enjoyed using this project, please ⭐ it on GitHub! 🌟

---