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
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 dev
Open 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:
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