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 milliseconds.
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