F_manager
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
index.ts
https://Dev_J--84a229743f9b11f0813c76b3cceeab13.web.val.run
A comprehensive finance tracking application that helps you monitor transactions and analyze spending patterns.
- Transaction Management: Add, edit, and delete financial transactions
- Category Tracking: Organize transactions by categories (Food, Transportation, Entertainment, etc.)
- Spending Analysis: View daily and monthly spending summaries
- Visual Dashboard: Charts and graphs to visualize spending patterns
- Search & Filter: Find transactions by date, category, or amount
├── backend/
│ ├── database/
│ │ ├── migrations.ts # Database schema setup
│ │ └── queries.ts # Database query functions
│ ├── routes/
│ │ ├── transactions.ts # Transaction CRUD operations
│ │ └── analytics.ts # Spending analysis endpoints
│ └── index.ts # Main Hono server
├── frontend/
│ ├── components/
│ │ ├── App.tsx # Main application component
│ │ ├── TransactionForm.tsx
│ │ ├── TransactionList.tsx
│ │ └── Dashboard.tsx
│ ├── index.html # Main HTML template
│ └── index.tsx # Frontend entry point
└── shared/
└── types.ts # Shared TypeScript interfaces
GET /api/transactions
- Get all transactionsPOST /api/transactions
- Create new transactionPUT /api/transactions/:id
- Update transactionDELETE /api/transactions/:id
- Delete transactionGET /api/analytics/daily
- Get daily spending summaryGET /api/analytics/monthly
- Get monthly spending summary
- The system automatically sets up the database on first run
- Navigate to the main page to start adding transactions
- Use the dashboard to view spending analytics
- Backend: Hono.js with SQLite database
- Frontend: React with TypeScript
- Styling: TailwindCSS
- Charts: Chart.js for data visualization