Skip to content

abyssiniatech/Expense-Tracker

Repository files navigation

💰 Expense Tracker

A clean and simple Expense Tracking App built with React + TypeScript using Tailwind CSS, Bootstrap, and Sass for styling.
Easily add, search, filter, and manage your daily expenses — all stored in your browser using localStorage.

🔗 Live Demo: Expense Tracker


✨ Features

  • Add expenses with title, amount, date, and optional category
  • Search expenses by title
  • Filter expenses by year
  • View total spending in a summary section
  • Delete expenses easily
  • Responsive UI (mobile & desktop)
  • Persistent data storage in localStorage
  • Navbar with logo & footer section

🛠 Tech Stack

  • React 18
  • TypeScript
  • React Router DOM
  • Tailwind CSS
  • Bootstrap 5
  • Sass (SCSS)
  • React Icons
  • Vite

📦 Installation & Setup

# Clone the repository
git clone https://github.com/your-username/expense-tracker.git

# Navigate into the project folder
cd expense-tracker

# Install dependencies
npm install

# Start development server
npm run dev