Introduction
Hey everyone 👋,
I’m back again with another project for my “ship something every week” challenge! This week’s build is Expensely — a clean and minimal income/expenses tracker.
👉 Live demo: expensely-money.vercel.app
💻 GitHub repo: github.com/shravzzv/expensely
shravzzv
/
expensely
Expensely is a simple finance tracker designed to make money management less overwhelming. Add income, record expenses, and view your balance in real time. Expensely gives you the essential insights you need without unnecessary complexity.
Expensely
Description
Expensely is a simple, clean, and minimalistic expense tracker built with Next.js, Tailwind CSS, and ShadCN.
It helps you keep track of your income, expenses, and overall net worth in a clear dashboard view.
Stay on top of your money with an elegant and lightweight tool.
Features
- 📊 Add and manage income & expenses
- 🧮 Automatic net worth calculation
- 🎨 Clean UI with ShadCN components
- ⚡ Fast and responsive (built on Next.js & Tailwind CSS)
- ☁️ Deployed on Vercel for instant access
Technologies Used
Installation
To install the project, follow these steps:
git clone https://github.com/shravzzv/expensely.git
cd expensely
npm install
npm run dev
How to Contribute
If you'd like to contribute, follow these steps:
-
Fork the repository on GitHub.
-
Clone your fork locally.
git clone [your_forked_repository_link] cd expensely
-
Create a new branch for your feature or bug fix.
git checkout -b feature-or-bug-fix-name
-
Make your changes, commit…
💡 Why I Built Expensely
Money is one of those things we all think about every single day — but tracking it often feels like a chore.
I’ve tried using spreadsheets and complicated finance apps in the past, but they were either too clunky or too bloated with features I didn’t need.
So I thought: What if I could make a lightweight app that just lets me quickly log my income and expenses, and shows me my net worth instantly?
That’s how Expensely was born.
⚙️ What’s Inside
Here’s what I built into Expensely this week:
- ✅ Add new transactions (income or expense)
- ✅ Edit or delete transactions
- ✅ See your total income, total expenses, and net worth at a glance
- ✅ Clean, responsive UI built with Next.js, TailwindCSS, and ShadCN
- ✅ Instant feedback with toast notifications
It’s simple, fast, and distraction-free — perfect for keeping track of your money without overwhelm.
🚀 Tech Stack
I kept things minimal but modern:
- Next.js — frontend framework
- TailwindCSS — styling
- ShadCN — beautiful UI components
- React state for managing transactions (no backend yet — everything runs locally in the browser)
📈 What’s Next?
Right now, Expensely is just a frontend app. But here are a few ideas I’m considering:
- Add authentication & databases (maybe Supabase or Firebase)
- Categories & filtering for expenses
- Exporting to CSV/Excel for easier budgeting
🙌 I’d Love Your Feedback
If you give Expensely a try, I’d love to hear:
- Does the simple approach work for you, or would you prefer more advanced features?
- What’s the one must-have feature you’d add?
- Would you actually use this as your daily money tracker?
👉 Try it here: expensely-money.vercel.app
👉 Star the repo if you like it: github.com/shravzzv/expensely
Thanks for reading — and see you next week with another small project 🚀
— Sai
Top comments (0)