This week’s ship: Expensely šŸŖ™




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
Enter fullscreen mode

Exit fullscreen mode

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



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *