Skip to content

Kusk24/Project-01-Spending-Tracker

Repository files navigation

💰 Project 01 Spending Tracker Web App

A simple React.js web application that helps users track their spending, visualize expenses with categories — all stored locally using localStorage. No backend required!

🚀 Live Demo (GitHub Pages)


👥 Team Members

  • Win Yu Maung
  • Sam Yati
  • Phonvan Deelertpattana

📸 Screenshots

📊 Dashboard Overview

Displays analytics with filters (daily/weekly/monthly) and chart visualizations.

Dashboard

📈 Charts View

Visualize daily, weekly or monthly spending using a line chart and pie chart.

selectMonth

showBy

Charts

➕ Add Category

Users can create custom spending categories.

Add Category

📂 List of Categories

Check out categories.

List Category

📘 Journal Page

The page for entering daily spending records.

Journal

📝 Add Journal Entry

Input your spending with date, category, and amount.

Add Journal

📋 List Journal Entries

Shows a history of recorded expenses.

List Journal

💾 Local Storage Snapshot

All your data is stored persistently in the browser.

Local Storage


🛠 Features

  • ✅ LocalStorage-based persistence
  • ✅ Add custom categories
  • ✅ Record and view spending history
  • ✅ Filter dashboard by day/week/month
  • ✅ Charts for spending analysis
  • ✅ Responsive design for all devices

🔗 GitHub Links


💻 Run Locally

git clone https://github.com/Kusk24/Project-01-Spending-Tracker.git
cd Project-01-Spending-Tracker
pnpm install
pnpm run dev

About

Project 01 of Web App Development as Spending Tracker

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •