Budget App

Budget App

Deployed site at vercel Budget App

nextdotjs typescript tailwindcss

Table of Contents

Introduction

The Budget App is a simple and intuitive application designed to help users track their incomes and expenses. It allows users to add, view, and delete transactions to monitor their financial status. With features like transaction categorization and summary calculation, the app provides a clear overview of the user’s budget.

Tech Stack

Features

  • Add income and expense transactions.
  • View transaction history with categories.
  • Calculate and display total budget balance.
  • Use of reusable components with Shadcn.
  • Auto-formatted code with Prettier for consistency.

Installation

  1. Clone the repository:

    git clone https://github.com/niclastanskanen/nextjs-ithogskolan-budget-tracker.git
  2. Navigate into the project directory:

    cd nextjs-ithogskolan-budget-tracker
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm run dev

Usage

  • Open http://localhost:3000 in your browser to view the app.
  • Add new transactions through the form, and see your balance update instantly.

Notice

This project is developed as part of the Web Development course at IT-Högskolan. The project follows the specific course requirements