expense-tracker Tailwind Templates

Expense Tracker

A react-based expense tracker app styled with Tailwind CSS, using Node.js and JSON Server for data management. Easily add, edit, and manage expenses with a simple and responsive design.

# Expense Tracker App

An intuitive Expense Tracker App built using React, Tailwind CSS, Node.js, and JSON Server. This app helps users seamlessly manage and track their daily expenses with a simple and responsive interface.

Features

  • Add, edit, and delete expenses.
  • Categorize expenses for better tracking.
  • Interactive and user-friendly design.
  • Uses a mock backend with JSON Server for data management.
  • Fully responsive layout with Tailwind CSS.

Screenshots

Landing Page

Landing Page

Tech Stack

  • Frontend: React, Tailwind CSS
  • Backend: Node.js (with JSON Server for mock APIs)
  • Styling: Tailwind CSS

Setup Instructions

  1. Clone the repository:

    git clone https://github.com/your-username/expense-tracker.git
    cd expense-tracker
    
  2. Install dependencies:

     npm install
    
  3. Start the JSON Server:

    npx json-server --watch db.json --port 5000
    
  4. Run the development server: ```bash npm run dev

Top categories

Loading Svelte Themes