Package Exports
- @micro.app.dev/budget
- @micro.app.dev/budget/dist/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@micro.app.dev/budget) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@micro.app.dev/budget
Budget management module for MicroApp.
Installation
npm install @micro.app.dev/budget
# or
yarn add @micro.app.dev/budgetFeatures
- Budget home screen with summary
- Expense tracking
- Income tracking
- Savings goals
- Budget navigation
Usage
Budget Navigator
import { BudgetNavigator } from '@micro.app.dev/budget';
function App() {
return (
<NavigationContainer>
<BudgetNavigator />
</NavigationContainer>
);
}Budget Home Screen
import { BudgetHomeScreen } from '@micro.app.dev/budget';
function MyBudgetScreen() {
return <BudgetHomeScreen />;
}Budget Services
import {
getBudgetSummary,
getExpenses,
getIncoming,
getSavings,
addExpense,
addIncoming,
addSaving,
deleteExpense,
deleteIncoming,
deleteSaving
} from '@micro.app.dev/budget';
// Get budget data
const summary = await getBudgetSummary();
const expenses = await getExpenses();
const incoming = await getIncoming();
const savings = await getSavings();
// Add new items
await addExpense({
id: '1',
title: 'Groceries',
amount: 100,
category: 'Food',
date: new Date().toISOString()
});
await addIncoming({
id: '1',
title: 'Salary',
amount: 3000,
source: 'Work',
date: new Date().toISOString()
});
await addSaving({
id: '1',
title: 'Vacation',
amount: 500,
goal: 'Summer Trip',
targetDate: '2023-08-01'
});
// Delete items
await deleteExpense('1');
await deleteIncoming('1');
await deleteSaving('1');Dependencies
This package depends on:
- @micro.app.dev/shared
- @react-navigation/native
- @react-navigation/stack
- react
- react-native
License
MIT