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.
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more…
💡 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
SOCIAL SHARE CARD GENERATOR