DEV Community

Cover image for This week's ship: Expensely 🪙
Sai Shravan Vadla
Sai Shravan Vadla Subscriber

Posted on

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

GitHub logo 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

Project screenshot
Project demo

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

My Skills

Installation

To install the project, follow these steps:

git clone https://github.com/shravzzv/expensely.git
cd expensely
npm install
npm run dev
Enter fullscreen mode Exit fullscreen mode

How to Contribute

If you'd like to contribute, follow these steps:

  1. Fork the repository on GitHub.

  2. Clone your fork locally.

    git clone [your_forked_repository_link]
    cd expensely
    Enter fullscreen mode Exit fullscreen mode
  3. Create a new branch for your feature or bug fix.

    git checkout -b feature-or-bug-fix-name
    Enter fullscreen mode Exit fullscreen mode
  4. 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)