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.
- Framework: Next.js 14
- Styling: Tailwind CSS
- Components: Shadcn - reusable components
- Hooks:
useState
,useEffect
,useRef
- Code Formatting: Prettier
- 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.
-
Clone the repository:
git clone https://github.com/niclastanskanen/nextjs-ithogskolan-budget-tracker.git
-
Navigate into the project directory:
cd nextjs-ithogskolan-budget-tracker
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
- Open http://localhost:3000 in your browser to view the app.
- Add new transactions through the form, and see your balance update instantly.
This project is developed as part of the Web Development course at IT-Högskolan. The project follows the specific course requirements