https://github.com/mrinal-xx-singha/spend_smart
A Webapp to keep a track of your finances
https://github.com/mrinal-xx-singha/spend_smart
drizzle-orm expense-tracker functional-programming lucide-react neondb nextjs14 postgresql react shadcn-ui tailwindcss
Last synced: about 1 month ago
JSON representation
A Webapp to keep a track of your finances
- Host: GitHub
- URL: https://github.com/mrinal-xx-singha/spend_smart
- Owner: Mrinal-xx-Singha
- Created: 2024-10-05T12:03:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-03T05:34:39.000Z (about 1 year ago)
- Last Synced: 2025-01-21T23:27:12.691Z (10 months ago)
- Topics: drizzle-orm, expense-tracker, functional-programming, lucide-react, neondb, nextjs14, postgresql, react, shadcn-ui, tailwindcss
- Language: JavaScript
- Homepage: https://spend-smart-flax.vercel.app
- Size: 2.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SpendSmart - Take a Hold of your Expenses
## LINK
[SPENDSMART](https://spend-smart-flax.vercel.app/)
## 🌟 Why SpendSmart?
SpendSmart is more than just a typical expense tracker—it’s a comprehensive tool designed to empower users to take full control of their finances. It simplifies budget management, allowing users to easily create and monitor budgets in line with their financial goals. One of its standout features is the ability to track expenses through visually engaging and dynamic charts, thanks to **Recharts**, offering real-time insights into spending patterns. SpendSmart prioritizes security with **Clerk** authentication, ensuring that login and logout processes are seamless and user data remains protected.The app delivers a smooth and fast user experience, built with **Next.js** and styled using **Tailwind CSS**, making the interface highly responsive and user-friendly. Additionally, the integration of **ShadCN** ensures a modern, accessible, and visually appealing UI, enhancing both functionality and aesthetics. By allowing users to effortlessly track expenses and visualize their data, SpendSmart is the perfect solution for anyone looking to manage their personal finances effectively and securely.
## Screenshots
### Key Features 💰:
- ➕ **Create and Manage Budgets:** Set up custom budgets and track how your expenses align with your financial goals.
- 💻 **Expense Tracking:** Add and categorize expenses in real-time to monitor spending.
- 📊 **Data Visualization with Recharts:** Visualize your budget and expenses with dynamic, interactive charts powered by Recharts.
- 🗝️ **Secure Authentication with Clerk:** SpendSmart uses **Clerk** for secure and seamless authentication, ensuring safe login and logout processes.
- **Modern Web Technologies:** Built with **Next.js** for a fast, optimized web experience, styled using **Tailwind CSS** for a responsive, sleek interface, and **ShadCN** for reusable, accessible UI components.
SpendSmart provides a streamlined way to manage personal finances while delivering a modern and secure user experience.
## 🚀 About Me
I'm a aspiring full stack developer...
## 🔗 Links
[](https://next-folio-bay.vercel.app/)
[](https://www.linkedin.com/in/mrinal-singha-754b57249/)
## Features
- Creating a Budget
- Add Expenses
- Creating Expenses
- Centralised Dashboard to monitor expenses and Budget
-
## 🛠️ Tech Stack
`POSTGRESS NEON`
`DRIZZLE ORM`
`REACT`
`NEXT JS`
`TAILWIND`
`LUCID REACT ICONS`
`REACT-TOAST`
`CLERK `
`RE CHARTS`
`SHAD CN`
## Deployment
Deployed in Vercel
## Clone Project
```bash
git clone git@github.com:Mrinal-xx-Singha/Spend_Smart.git
```
## Feel free to test
```bash
npm run dev
```
## 👨💻 Contribution
Contributions, issues, and feature requests are welcome!